【解决报错】vue-routerNavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}

首先:这个错误是不会影响程序执行的,只是会在控制台输出错误,强迫症很是受不了

方法一:简单粗暴,不让它在控制台输出错误信息
打开router文件下的index.js文件

import Router(路由名字) from ‘vue-router’
上面的这行代码肯定你已经写好了

只需要把下面这段代码复制到index.js中的任意位置即可,我直接放到了最后
注意:如果你的路由名字不是Router,下面代码中的Router改成你的路由名字即可
const originalPush = Router(路由名字).prototype.push
Router(路由名字).prototype.push = function push(location, onResolve, onReject) {
if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
return originalPush.call(this, location).catch(err => err)
}

方法二:降级router3.0
npm add [email protected] -S

你可能感兴趣的:(【解决报错】vue-routerNavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”})