C VUE系列 报错汇总一：Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'及vue实际项目开发中，公共js(全局引入)文件如何写，如何引入到入口文件main.js

项目开发阶段运行没问题，打包后报这个错！！

折腾了一下午，这打包运行的也不清楚哪里错了，百度说的基本都是一个意思  ------  webpack打包的時候，可以在js文件中混用require和export。但是不能混用import 以及module.exports 。

解决方式：统一改成 es6方式~~~

纳闷了哪里用了这种方式？

初衷：想多用几个js（部分功能的公共）文件，最后合成一个大的功能public.js（公共）  导出在main.js中全局引入！！！

问题就出在这里，这几个js中有个js文件是 用 module.exports 方式导出的！！！！！！ public.js中用了 import  。这就造成问题了！！！

 

补充 ：vue实际项目开发中，公共js(全局引入)文件如何写，如何引入到入口文件main.js

公共js文件，比如commen.js通过export default暴露出来
export default {
  install(Vue,options){
　　Vue.prototype.方法名=function(){}
}
在入口文件main.js引入
import comm form './assets/js/commen'

Vue.use(comm);

然后就可以全局使用commen.js里面的方法了，this.方法名