Module build failed: SyntaxError

vue router 按需加载时报错

写法：

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

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

bug1
解决方法：

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']
    },
},

至此，问题解决

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