Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location报错问题解决

最新推荐文章于 2023-10-27 18:12:13 发布
最新推荐文章于 2023-10-27 18:12:13 发布
阅读量934 收藏 1
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46063115/article/details/119059430
版权

一、错误信息

  • 错误描述：导航重叠，避免对当前位置的冗余导航。白话一点就是当前的这个路由被重复跳转了

二、出现报错的代码段

三、解决方法

  • 打开router的index.js文件
  • 添加如下代码

注意： 

  • 此处的Router是引入vue-router时的名字

 

吃遍全宇宙
关注
Vue - 报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
王佳斌
11-16 1972
vue2，vue2报错，浏览器控制台报错，vue2网页网站路由报错，vue中出现路由导航出现Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "xxx"，vue重复点击菜单报错怎么办，vue路由报错如何解决，vue怎么解决重复点击路由报错问题，解决Vue路由导航报错:NavigationDuplicated，成功解决，Vue路由导航报错，Vue - 报错Uncaught
前端开发：Vue项目报错NavigationDuplicated：Avoided redundant navigation to current location：“/XXX”的解决方法
热门推荐
软贱开发攻城狮
01-18 1万+
最近在Vue项目开发的过程中遇到一个问题，那就是在点击同一个路由操作的时候，控制台会报一下错误提示： Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/Refund". 经过排查之后才发现是关于Vue中路由重复引起的错误，经过查找资料以及搜索相关知识，该报错原因是因为ElementUI导航栏里面的vue-router在3.0以上版本重复点击菜单引起的路由重复报
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/sear
dw将限制条件全部检测通过后才能提交表单
11-24 539
处理搜索按钮按下两次及以上的报错问题
解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题
jahdgja的博客
12-21 1964
在Vue路由中遇到Error: Avoided redundant navigation to current location:xxxx；错误，意思是路由重复 在router文件夹下的index.js中加入如下代码，解决该错误 // 解决：Uncaught (in promise) NavigationDuplicated; let originalPush = VueRouter.prototype.push; // 先保存一份 VueRouter.prototype.push方法 let or
解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
m0_66288747的博客
10-25 2359
【代码】解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location。
VUE重复路由跳转Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to
zhaohan___的博客
12-15 6899
重复跳转异常问题 如果重复跳转相同的界面会产生如下的错误，这时可以自行判断跳转时拒绝跳转到相同的界面 如果使用的是 this.$router.push或者router-link to，则在router下的index将异常catch住就可以了 const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(this, locati
Uncaught (in promise) Error: Avoided redundant navigation to current location
JessicaLi的博客
12-07 928
vue路由报错： Uncaught (in promise) Error: Avoided redundant navigation to current location 原因： 多次点击跳转同一个路由是不被允许的 解决办法： 在引入vue-router的js文件里加上如下代码即可： //push const VueRouterPush = Router.prototype.push Router.prototype.push = function push (to) { ..
vue2里面的Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
weixin_47652940的博客
11-26 697
注意，Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location不影响程序的执行效果，只是控制台会爆红，不在意可以不去修改，并且vue3中不会出现这种情况。这里的location告诉原来的push、replace方法往哪里跳转，传递哪些参数；resolve是成功的回调，reject是失败的回调。
前端vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current
xixi19980804的博客
11-10 483
前端vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current
【报错】Uncaught (in promise) Error: Avoided redundant navigation to current location:
weixin_42050406的博客
06-02 6913
vue项目中，重复点击路由会出现如下报错 解决办法： 在router的配置文件中（router -> index.js）加上： const originalPush = Router.prototype.push Router.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err) } 即可解决 参考： https://blog.csdn
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/..“
weixin_43665351的博客
11-18 250
当路由重复点击时，出现报错 解决方案： 在路由index.js文件中添加 const originPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originPush.call(this, location).catch(err => err) }
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location路由重复点击报错
dream_summer的博客
03-01 298
自己写tabbar组件时重复点击按钮报错如下 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/shopcart" 解决方式：抛出异常 可以写在点击按钮处 itemClick(){ this.$router.push(this.path).catch(err=>err) } 也可以写在router/index.js
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to
weixin_45015751的博客
10-08 677
路由跳转报错
uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current loaction ‘xxxxxx
Yuan_Xiao_Tian_的博客
10-27 610
解决方法：在路由内重写push或replace方法。本文仅记录自己遇到的问题。
出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题
will5451的博客
05-06 2983
出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题 主要原因是Vue 重复点击相同路由造成的： 解决方案： 第一种：在 router 文件夹下里面的文件index.js里面找到如下位置： // src/router/index.js Vue.use(Router) const router =new Router({ ...
Vue:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to
qq_27433537的博客
02-11 439
rounter的index.js中，添加如下代码： const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) }
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:‘xxx‘
qq_52135740的博客
07-14 368
出现以下错误： vue-router.esm.js:2066 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/home/news”. 解决办法： 方式一：在使用 replace、push等方法时捕获异常 方式二：
vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation
object not found的博客
11-17 5650
路由重复点击报错解决方法
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/?k=“
qq_54250695的博客
02-08 586
出现这个警告 编程式路由跳转到当前路由,（参数不变),多次点击执行抛出如上图异常,声明式导航没有这个警告，Vue-router底层已经处理好了 问题产生的原因 'vue-router':"^3.5.3":最新的vue-router引入了promise 解决方案: 1，通过给push或者replace方法传递响应的成功、失败的回调函数，可以捕捉到当前警告,既可以解决,这种方法治标不治本，换个组件(其他组件用的push方法)又得在push中添加失败和...
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/abou
最新发布
09-07
在使用Vue.js框架开发单页面应用（SPA）时，我们可能会遇到一个错误提示："Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location"。这个错误通常发生在使用Vue Router...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值