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

2017-09-19  本文已影响0人  HLE

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节点中

正确配置
上一篇 下一篇

猜你喜欢

热点阅读