鍍金池/ 問答/Linux  HTML/ npm install后,項(xiàng)目正常運(yùn)行,卻報(bào)很多錯(cuò)誤

npm install后,項(xiàng)目正常運(yùn)行,卻報(bào)很多錯(cuò)誤

圖片描述npm install
npm run dev

vue.esm.js?efeb:574 [Vue warn]: Duplicate keys detected: 'A'. This may cause an update error.

found in

---> <Cheyuanguanli> at srcpagescheyuanguanliindex.vue

   <ElMain>
     <ElContainer>... (2 recursive calls)
       <App> at src\App.vue
         <Root>
         
       -------------------------------------------------------

從A`Z每個(gè)字母報(bào)幾個(gè)錯(cuò),一共600多個(gè)錯(cuò),嚇我一大跳

嚴(yán)重懷疑是這貨的鍋……

回答
編輯回答
神曲

你這是從github拷貝下來的別人的代碼?github上面這種中文的管理系統(tǒng)都是一個(gè)模板,什么人做的可想而知,最好不要照著這種學(xué),里面錯(cuò)漏百出代碼凌亂,學(xué)了怕你走彎路
回歸正題,他報(bào)的錯(cuò)是多個(gè)重復(fù)的key被檢測到,也就是說cheyuanjianche這個(gè)組件里面的v-for循環(huán)里面的key值重復(fù)了。

樓上幾個(gè)人都在胡說八道呢,<App> at src/App.vue這個(gè)一點(diǎn)關(guān)系都沒有。。這個(gè)句話是是說這個(gè)文件里面的寫錯(cuò)了,這是項(xiàng)目路徑,又不是路由,這個(gè)路徑完全沒問題的。
npm默認(rèn)安裝的是最新的穩(wěn)定版本的,組件名稱完全沒影響。。。

還有控制臺(tái)報(bào)的錯(cuò)是key值重復(fù)了,怎么一個(gè)揪著組件名稱不放,一個(gè)盯著文件項(xiàng)目路徑胡說,一個(gè)發(fā)幾個(gè)連接充數(shù)。。。就不能看看報(bào)的是什么錯(cuò)嗎,一個(gè)個(gè)瞎猜

控制臺(tái)打印的東西還能被js解析出錯(cuò),人家官網(wǎng)說了不限制組件名稱還能組件名稱出錯(cuò),惡意刷分的不要太過分

2017年8月12日 14:51
編輯回答
傻叼

原因是題主把key的名稱當(dāng)成key了,實(shí)際上應(yīng)該把key的值當(dāng)成key

2017年6月2日 17:53
編輯回答
擱淺

我用的iview的admin模板
測試發(fā)現(xiàn)是key值重復(fù)引起的問題.
沒有修改key之前也是一堆錯(cuò)誤
clipboard.png

然后修改key重復(fù)的代碼.
clipboard.png
修改完之后就好了
clipboard.png
雖然還有其他的小問題 - -. 2333333

2018年8月1日 15:34
編輯回答
厭惡我

此Key 絕非 彼key

2017年7月5日 02:18
編輯回答
單眼皮

能否截個(gè)圖 這樣看的好難受

你是否用的某插件

他的命名規(guī)則為大寫字符開頭

這是VUE自帶的語法檢測

他不支持這種格式的命名

但不影響項(xiàng)目進(jìn)行

看看圖麻煩 clipboard.png
還有我評(píng)論之前他是沒圖的 你麻煩別咬著不放 你很討人嫌棄

2017年7月23日 11:06
編輯回答
妖妖

這個(gè)確實(shí)是錯(cuò)的,剛才沒有好好看報(bào)錯(cuò),現(xiàn)在點(diǎn)開圖片查看原圖發(fā)現(xiàn)是key值重復(fù)了:

錯(cuò)誤://你看看這句`<App> at src\App.vue` , 不覺得那個(gè)`\`寫反了么? 程序在解析的時(shí)候解析為`\A`了,所以報(bào)錯(cuò)了

解決辦法如下(假設(shè)循環(huán)li):

//一般是這么寫
<li v-for="item in list">...</li>
//在list中沒有唯一的id或者其它參數(shù)來作為key值的情況下,如何綁定唯一的key呢?可以使用index:
<li v-for="(item, index) in list" :key="index">...</li>

希望我的回答能幫助到你!

2017年6月28日 22:11
編輯回答
我甘愿

這組件名字賊長!

2018年4月9日 17:52
編輯回答
尐懶貓

首先,題主要學(xué)會(huì)問問題,建議看下下圖:
圖片描述

圖文并茂說出你的問題,是解決問題的第一步。
其次,對(duì)于你這個(gè)問題來說,正常的開發(fā)人員都是用的淘寶鏡像裝依賴:cnpm install
至于為什么你可以自行百度。
最后,送你幾個(gè)鏈接:
vue安裝流程:http://www.cnblogs.com/miller...
vue-router學(xué)習(xí)筆記:https://segmentfault.com/a/11...
vuex:http://www.jianshu.com/p/caff...

當(dāng)然,這些內(nèi)容最好還是回歸到各個(gè)官網(wǎng)~~~

2017年2月11日 14:27