vue 中SyntaxError: Unexpected token import 出错

ES6语法的模块导入导出(import/export)功能,我们在使用它的时候，可能会报错：

import 提示红色，出现错误。

解决方案：

检查是否安装
plugin-syntax-dynamic-import插件，官网明确表明，路由懒加载时，使用import导入动态路由，需要安装syntax-dynamic-import插件

1、安装

npm install --save-dev @babel/plugin-syntax-dynamic-import

2、在根目录创建文件.babelrc，并将下面的内容拷贝

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime", "syntax-dynamic-import"]
}

3、使用npm run dev ，执行成功。