vue-router点击菜单栏同一个模块报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"...

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_45115705/article/details/100981047

标题把vue项目做成动态路由发现，点击同一个菜单 router-link 会造成报错的问题， 报错内容为：

要怎么解决以上问题呢？方法有两种：

1. 解决方法也很简单，在项目目录下运行 npm i [email protected] -S 即可

	npm i vue-router@3.0 -S

2.如果不想换 vue-router 的版本或者还是没有用，那么可以用以下方法
在main.js下添加一下代码：

		import Router from 'vue-router'
		
		const originalPush = Router.prototype.push
		Router.prototype.push = function push(location) {
		  return originalPush.call(this, location).catch(err => err)
		}

PS：未来的你，一定会感谢今天拼命努力的自己！