美文网首页
Module build failed: SyntaxError

Module build failed: SyntaxError

作者: 躺在家里干活 | 来源:发表于2019-10-09 10:26 被阅读0次

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

至此,问题解决

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

相关文章

网友评论

      本文标题:Module build failed: SyntaxError

      本文链接:https://www.haomeiwen.com/subject/dmmwpctx.html