重寫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，並去掉大括號{}，如下圖。