vue控制台报错Duplicate keys detected: 'xxxx'. This may cause an update error.解决方案

 问题:

　　今天在改BUG的时候,发现VUE前台控制台报了这样的错误,这不是一个,而是成百上千个,因为这个是我查询权限的一个接口

　　what?我是谁?我在那?

　　报错直接给我报懵了,在控制台打印的东西,也被刷掉了,alert弹出来是对象Object

　　表情主键绝望

问题分析: 

　　经过沉着冷静,吃了一块炫迈之后开始分析:

　　　　1:Duplicate,对这个单词进行分析,经过百度后发现它的定义是,复制,重复,完全一样的,问题范围逐渐有了大致的方向

　　　　2:keys,一看见这个就能想到Map中的key关键字,问题范围再次缩小

　　　　3:detected,这个单词是检测,检查的含义

　　　　4:xxxx,前面一句话完整的结合起来就是检测到重复的key,xxxx

　　　　5:后面一句话是,这可能会导致更新错误

　　结果:经过对这句话的仔细分析之后得知,应该是一个Map类型的数据结构中的Key重复了

解决方案:

　　对你点击的那个功能所调用的所有Map类型的数据结构进行断点调试,查看后端接口返回的数据,进行问题排查解决

我的这个问题是因为,权限表在做数据迁移的时候因为这个表迁移达梦8语法报错了,然后达梦把主键给我去掉了,然后还有一些其他原因,手动提交事务等问题;,然后我对权限表进行删除,然后重新插入数据后问题得到了解决,经过这次事件之后,我学到了,遇到问题不要慌张,不要手忙脚乱,对问题出现的错误描述,仔细分析,先得到问题的大致报错方向,然后一步一步的去慢慢深入,最后得到问题的解决,所有的问题也不是一下就能解决的,前提是你没碰见过这个问题

作者：彼岸舞

时间：2020\10\09

内容关于：工作中用到的小技术

本文来源于网络，只做技术分享，一概不负任何责任