Module build failed: SyntaxError: Unexpected token

vue router 按需加载时报错

写法：

{
	path: '/product',
	component: () => import('./pages/product'),
},

运行时报错：Module build failed: SyntaxError: Unexpected token

解决方法：

1.刚开始急着写东西就没去仔细研究直接改成了另一种写法：

{
	path: '/product',
	component:resolve => require(['./pages/product'], resolve),
},

发现不报错并且运行成功。后来百度了一下原来使用babel需要添加 syntax-dynamic-import 插件，才能使 Babel 可以正确地解析语法。

2.下载该插件

npm install babel-plugin-syntax-dynamic-import --save-dev

3.然后修改webpack里面的loader配置

{
	test: /\.js$/,
	loader:'babel-loader',
	options:{
		plugins:['syntax-dynamic-import']
	},
},

至此，问题解决

我的个人博客,有空来坐坐