一、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: ‘…/…/’
如果對你有幫助，公衆號搜索：前端早知道筆記 或掃描公衆號二維碼：