component: () => import() SyntaxError: Unexpected token相关问题的处理

今天在使用vue-router按需加载的时候出现了，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

 

然后增加webpack的loader中的option选项，能识别我们：

1.  
   {
2.  
   test: /\.js$/,
3.  
   loader: 'babel-loader',
4.  
   options: {
5.  
   presets: ['es2015'],
6.  
   plugins:['syntax-dynamic-import']
7.  
   },
8.  
   include: [resolve('src'), resolve('test')]
9.  
   },

这样重启项目就好了