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

image.png

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-router component: () => import() 报错)