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']
},
},
至此,问题解决