vue-router component: () => import() 报错

npm run dev控制台直接报错：

Module build failed: SyntaxError: Unexpected token

是import报错了，需要babel的插件，vue-router官网上提示：
如果您使用的是 Babel，将需要添加 syntax-dynamic-import 插件，才能使 Babel 可以正确地解析语法。
如果使用vue-cli生成项目，很可能在babel-loader没有配置上面的插件，这时需要我们自己去安装此插件：

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

使用此插件需要在.babelrc文件加入：

{ "plugins": ["syntax-dynamic-import"]}

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue个人笔记
    vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 8,479评论 1赞 22
  • 知识点总结
    响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 4,166评论 0赞 0
  • webpack实战 -- vue全家桶
    最近学习webpack相关知识，特此记录下学习过的文档以及搭建过程；如有错误，记得告诉我呀。项目地址：地址,求星星...
    前端gogogo阅读 4,511评论 0赞 0
  • webpack-4.x的使用
    webpack-4.x 安装 npm i webpack -g: 全局安装webapck 基本使用 不使用配置文件...
    duans_阅读 5,694评论 0赞 12
  • vue_day06
    url-loader 默认情况下,webpack无法处理css文件中的url地址,不管是图片还是字体库,只要是ur...
    穆木小七阅读 3,056评论 0赞 0