npm install后，项目正常运行，却报很多错误

Question

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多个错，吓我一大跳

Answer 1

我用的iview的admin模板
测试发现是key值重复引起的问题.
没有修改key之前也是一堆错误

然后修改key重复的代码.

修改完之后就好了

虽然还有其他的小问题 - -. 2333333

Answer 2

这组件名字贼长！

Answer 3

能否截个图 这样看的好难受

你是否用的某插件

他的命名规则为大写字符开头

这是VUE自带的语法检测

他不支持这种格式的命名

但不影响项目进行

看看图麻烦
还有我评论之前他是没图的 你麻烦别咬着不放 你很讨人嫌弃

Answer 4

这个确实是错的，刚才没有好好看报错，现在点开图片查看原图发现是key值重复了：

错误：//你看看这句`<App> at src\App.vue` ， 不觉得那个`\`写反了么？ 程序在解析的时候解析为`\A`了，所以报错了

解决办法如下(假设循环li)：

//一般是这么写
<li v-for="item in list">...</li>
//在list中没有唯一的id或者其它参数来作为key值的情况下，如何绑定唯一的key呢？可以使用index:
<li v-for="(item, index) in list" :key="index">...</li>

希望我的回答能帮助到你！

Answer 5

此Key 绝非 彼key

Answer 6

原因是题主把key的名称当成key了，实际上应该把key的值当成key

Answer 7

首先，题主要学会问问题，建议看下下图：

图文并茂说出你的问题，是解决问题的第一步。
其次，对于你这个问题来说，正常的开发人员都是用的淘宝镜像装依赖：cnpm install
至于为什么你可以自行百度。
最后，送你几个链接：
vue安装流程：http://www.cnblogs.com/miller...
vue-router学习笔记：https://segmentfault.com/a/11...
vuex:http://www.jianshu.com/p/caff...

当然，这些内容最好还是回归到各个官网~~~

Answer 8

你这是从github拷贝下来的别人的代码？github上面这种中文的管理系统都是一个模板，什么人做的可想而知，最好不要照着这种学，里面错漏百出代码凌乱，学了怕你走弯路
回归正题，他报的错是多个重复的key被检测到，也就是说cheyuanjianche这个组件里面的v-for循环里面的key值重复了。

楼上几个人都在胡说八道呢，<App> at src/App.vue这个一点关系都没有。。这个句话是是说这个文件里面的写错了，这是项目路径，又不是路由，这个路径完全没问题的。
npm默认安装的是最新的稳定版本的，组件名称完全没影响。。。

还有控制台报的错是key值重复了，怎么一个揪着组件名称不放，一个盯着文件项目路径胡说，一个发几个连接充数。。。就不能看看报的是什么错吗，一个个瞎猜

控制台打印的东西还能被js解析出错，人家官网说了不限制组件名称还能组件名称出错，恶意刷分的不要太过分