vue報錯vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}

今天在寫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)
}

 

 

　　

 

　　親測有效，如有其他問題可以聯系我，謝謝。