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


正确配置
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容