前言
vue-router踩坑之NavigationDuplicated error — 20190821
因业务需求重新开发了一个项目,但是在使用vue-router
,偶然发现vue-router
会报下面这个错误。
![[外链图片转存失败(img-MvBC79rI-1566403322600)(evernotecid://B04430E3-2296-4CE6-91FA-09EA592E652D/appyinxiangcom/12982926/ENResource/p2)]](https://i-blog.csdnimg.cn/blog_migrate/03ff95d2dd848c0ee6defc96780f3cc4.png)
后来网上查询,给出了很多解决方案,很多都说直接删除node_modules,重新安装依赖就好。同时也有很多网友说这个方案无效。其实会出现这种错误的情况,是因为
[Bug Report] 升级vue-router至3.1以后版本,导航组件重复点击报错 NavigationDuplicated
也就是说这是vue-router
3.1版本之后,对于航组件重复点击的一个错误处理方式。
因此,要解决这个报错有两种方案:
- 将
vue-router
版本锁在3.1版本以下
// 卸载原来