Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘

问题描述：

启动vue项目成功后，打开浏览器，浏览器控制台报错如下：

然后点开具体报错的文件：

 

可以看到是webpack-dev-server中的文件报错，报错原因是：

导入导出模块使用的规范不同，commjs和ES6的导出导入冲突 。

解决办法：

在项目根目录下babel.config.json中增加sourceType选项，如下：

关于sourceType的官方解释如下：

这种方式就可以不用考虑import和module.exports是否混用的情况了。