vue-遇到的坑和填坑方法集合

1.报错一：

错误：VUE报错：Cannot assign to read only property ‘exports’ of object ‘#Object’

报错代码段

原因：webpack 2中不允许混用import和module.exports,

解决：全部采用es6写法：

正确代码

2.报错二：

报错：

错误提示

原因：提示中也写的很清楚，是项目中缺少style-loader和css-loader

解决：先在项目中安装两个loader，命令如下：

(cnpm)npm install style-loader css-loader -D

然后再weebpack.config.js中配置两个loader，代码如下：

配置代码

3.报错三：

错误的提示

原因：Vue-loader在15.*之后的版本都是 vue-loader的使用都是需要伴生 VueLoaderPlugin的

解决：在webpack.config.json中引入VueLoaderPlugin，并添加到plugins节点中

正确配置