vue项目路由跳转时控制台出现NavigationDuplicated错误,
message: "Navigating to current location (XXX) is not allowed"。

重写Router.prototype.push后还报NavigationDuplicated错误的解决方法-LMLPHP

解决办法:

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

重写Router.prototype.push后还报NavigationDuplicated错误的解决方法-LMLPHP

2.如果还有报错,检查是否有用大括号 {} 方式引入单个对象或单个组件

如下图:

重写Router.prototype.push后还报NavigationDuplicated错误的解决方法-LMLPHP

请修改相应的export,并去掉大括号{},如下图。

重写Router.prototype.push后还报NavigationDuplicated错误的解决方法-LMLPHP

05-17 11:31