vue使用菜单路由时报错问题

vue项目配置好路由点击菜单时控制台会报错。

错误信息如下：

Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}；

错误截图：

经过一小时研究版本，又重新查看了路由的运行机制。得到了解决方案。

解决方法一：经过多次尝试发现原因可能是 在重新下载依赖包时，安装的vue-router还是之前出错的那个版本，

解决方法也很简单，在项目目录下运行 npm i vue-router@3.0 -S 即可。

解决方法二：如果你不想用方法一那就在 main.js里添加一段代码。

代码如下：

import Router from 'vue-router'

const routerPush = Router.prototype.push

Router.prototype.push = function push(location) {

return routerPush.call(this, location).catch(error=> error)

}

　　

　　亲测有效，如有其他问题可以联系我，谢谢。