vue router 報錯Object { _name: "NavigationDuplicated", name: "NavigationDuplicated“...

在使用vue router的時候，會報如下警告，但是不影響頁面的跳轉

原因：

vue-router ≥3.0版本回調形式以及改成promise api的形式，返回的是一個promise，如果沒有捕獲到錯誤，控制檯始終會出現如圖的警告

解決方法：

在mian.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)
}