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

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

TRACER~85

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

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue

本文链接：https://blog.youkuaiyun.com/WEB___/article/details/124143418

前端专栏收录该内容

12 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刷新页面报错：

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