Vue 项目报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#＜Object＞‘的解决方法

背景：

Vue 项目报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘

问题分析：

其实这个问题是commonJS 和ES6之间的引入导出battle 

CommonJS 的引入导出是：require和module.exports；

ES6 的引入导出是 import和exports

而我这里的项目用的是  import 和 module.exports ，就相当于是混用了，肯定会报错的咯，（这里还是接别人代码，合别人的项目到自己项目的巨坑）

解决办法：

就是把导出的这里换成ES6语法的导出，害

 

注：

这里引申出另一个问题：exports、module.exports 和export、export default 是怎么回事

有兴趣的可以看下这篇，感觉写的还不错

https://segmentfault.com/a/1190000010426778