重写Router.prototype.push后还报NavigationDuplicated错误的解决方法

 

vue项目路由跳转时控制台出现NavigationDuplicated错误，

message: "Navigating to current location (XXX) is not allowed"。

解决办法：

1. 在src\router\index.js 中重写Router.prototype.push

 const routerPush = Router.prototype.push
 Router.prototype.push = function push (location) {
   return routerPush.call(this, location).catch(err => err)
 }

2.如果还有报错，检查是否有用大括号 {} 方式引入单个对象或单个组件

如下图：

请修改相应的export，并去掉大括号{}，如下图。