鍍金池/ 問答/Linux  HTML/ npm install后,項目正常運行,卻報很多錯誤

npm install后,項目正常運行,卻報很多錯誤

圖片描述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每個字母報幾個錯,一共600多個錯,嚇我一大跳

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

回答
編輯回答
神曲

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

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

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

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

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

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

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

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

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

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

此Key 絕非 彼key

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

能否截個圖 這樣看的好難受

你是否用的某插件

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

這是VUE自帶的語法檢測

他不支持這種格式的命名

但不影響項目進行

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

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

這個確實是錯的,剛才沒有好好看報錯,現(xiàn)在點開圖片查看原圖發(fā)現(xiàn)是key值重復(fù)了:

錯誤://你看看這句`<App> at src\App.vue` , 不覺得那個`\`寫反了么? 程序在解析的時候解析為`\A`了,所以報錯了

解決辦法如下(假設(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é)會問問題,建議看下下圖:
圖片描述

圖文并茂說出你的問題,是解決問題的第一步。
其次,對于你這個問題來說,正常的開發(fā)人員都是用的淘寶鏡像裝依賴:cnpm install
至于為什么你可以自行百度。
最后,送你幾個鏈接:
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)容最好還是回歸到各個官網(wǎng)~~~

2017年2月11日 14:27