vue 报错信息整理

一、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出现了错误的命名方式，才导致报错。

解决办法是：

1. 把name名称命名正确即可

2. 把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: ‘…/…/’

如果对你有帮助，公众号搜索：前端早知道笔记 或扫描公众号二维码：