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)
}