vue-router懒加载component () => import('')中import报错

使用懒加载后npm ren dev 发现报错

在这里插入图片描述
如果是用vue-cli生成的项目,可能在babel-loader没有配置上面的插件,那么就需要我们自己去安装该插件:
npm install babel-plugin-syntax-dynamic-import --D
安装之后,修改build文件夹下的webpack.base.conf.js文件,加入options。

options: {
  plugins: ['syntax-dynamic-import']
}

在这里插入图片描述
最后npm run dev就成功了

猜你喜欢

转载自blog.csdn.net/xiaojuziliu/article/details/105779651