解决浏览器报错 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

最新推荐文章于 2024-04-19 09:10:46 发布

原创最新推荐文章于 2024-04-19 09:10:46 发布 · 2.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue

前端专栏收录该内容

12 篇文章

订阅专栏

在更新Vue应用时遇到Uncaught (in promise) NavigationDuplicated错误，此问题源于冗余的页面导航。同时，<router-link>组件的stag属性已被移除，建议使用v-slot API进行迁移。博客详细解析了如何解决NavigationDuplicated错误，并提供了Router.prototype.push的修正代码示例，帮助开发者顺利升级到Vue Router 4。

刷新页面报错：

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/saleOrder/manage”.

浏览器提示：

<router-link>'s tag prop is deprecated and has been removed in Vue Router 4. 
	Use the v-slot API to remove this warning: 
	https://next.router.vuejs.org/guide/migration/#removal-of-event-and-tag-props-in-router-link.

const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}