前端踩坑（四）(vue)报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"

最新推荐文章于 2024-07-16 09:50:52 发布

TUTsmile

最新推荐文章于 2024-07-16 09:50:52 发布

阅读量766

点赞数

CC 4.0 BY-SA版权

分类专栏：踩坑排错 vue 文章标签： vue NavigationDuplicated uncaught (in promise) vue 路由报错

本文链接：https://blog.youkuaiyun.com/TUTsmile/article/details/100542835

踩坑排错同时被 2 个专栏收录

15 篇文章

订阅专栏

vue

9 篇文章

订阅专栏

在使用Vue.js和Vue Router时遇到了'NavigationDuplicated'错误。该错误通常出现在vue-router@3.1.0版本，由于使用Promise跳转但未捕获异常。解决方法包括升级vue router版本、降低vue.js版本或在main.js中添加异常处理代码。查阅相关博客文章提供了更多解决方案。

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

解决办法有三个
1.升级你的vue router 版本
2.降低你的vue.js 版本
3.在main.js 中加入以下代码

// 解决Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"的报错
import Router from 'vue-router'
const originalPush = Router.prototype.push
Router.prototype.push = function push (location) {
  return originalPush.call(this, location).catch(err => err)
}