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

欢迎关注微信公众号：【 全栈攻略 】

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

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

1. 解决方法也很简单，在项目目录下运行 npm i vue-router@3.0 -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：未来的你，一定会感谢今天拼命努力的自己！