一、vue渲染列表时报错[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.
报错信息如下图:
报错这个信息是因为,v-for循环里,key值重复导致。
检查代码发现的确如此
解决办法是:
1.把key值改成index即可,因为key值必须是唯一的
二、Do not use built-in or reserved HTML elements as component id: aside/xx 报错信息
报错信息如下图:
原因是因为本地使用script文件中,属性name出现了错误的命名方式,才导致报错。
解决办法是:
-
把name名称命名正确即可
-
把name名称删除或注释掉即可
三、提示 Trailing spaces not allowed 错误
解决办法是:在build 文件夹里找到webpack.base.conf.js
找到里面的module里面的loader:eslint-loader 把这个对象注释掉就行。
四、vue 登录的时候,登录2次才能成功的解决办法
解决办法是:在登录的方法里面加上 return ; 阻止页面在执行一次。
五、vue 打包中的背景图片不显示问题
在进行 npm run build 打包的时候, 项目中的所有背景图不显示的问题
解决方法是: 在build / utils.js 中 添加一句 publicPath: ‘…/…/’
如果对你有帮助,公众号搜索:前端早知道笔记 或扫描公众号二维码: