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ò),嚇我一大跳
你這是從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ò),惡意刷分的不要太過分
這個(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>
希望我的回答能幫助到你!
首先,題主要學(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)~~~
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國成功上市,融資1
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。