VUE项目中报Uncaught (in promise) Error: Avoided redundant navigation to current location: 的错

最新推荐文章于 2024-10-02 11:56:31 发布
最新推荐文章于 2024-10-02 11:56:31 发布
阅读量1k 收藏
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Luminary7/article/details/107833302
版权

在这里插入图片描述
1.首先确认是否安装vue-router，安装命令：npm install vue-router
2.在main.js引入vue-router，import VueRouter from ‘vue-router’
3.在main.js中加入
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}
这样就可以解决报错的问题啦~

Luminary7
关注
专栏目录
Vue - 报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
王佳斌
11-16 1954
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) Error: Avoided redundant navigation to current location: “/“.
Love_yl的专栏
07-13 1343
在router》index.js文件中，添加以下代码： import VueRouter from 'vue-router' Vue.use(Router) // 【添加代码】解决vue-router在3.0版本以上重复点路由报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, locati
【前端异常】JavaScript错误处理：分析 Uncaught (in promise) error
最新发布
小蜗牛的珍贵百宝箱
10-02 2230
错误是由未处理Promise拒绝引起的，但通过合理的错误处理机制（如.catch()和），可以有效避免这些问题。掌握这些方法可以帮助我们更好地应对前端异常，提升代码的鲁棒性。在实际开发中，良好的错误处理不仅能提升用户体验，还能让应用更加稳定和可靠。希望通过本文，你能够深入理解错误的成因和解决方案，在未来的开发中应对自如。
解决 Vue 重复点击相同路由，出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题
热门推荐
qq_36437172的博客
08-27 4万+
问题描述：重复点击导航时，控制台出现报错 ，虽然不影响功能使用，但也不能视而不见。 解决方案： 方案一：只需在 router 文件夹下，添加如下代码： // src/router/index.js Vue.use(Router) const router = new Router({ routes }) constVueRouterPush=Router.prototype.push Router.prototype.push=functionpush(to){ retur...
解决Vue报错: Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current locatio
weixin_51696862的博客
09-06 2566
main.js。
vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “
qq_43872992的博客
10-23 3227
在VUE中路由遇到Error: Avoided redundant navigation to current location:报错显示是路由重复,这是多次访问路由形成的 解决：router文件夹下面的index.js中加上下面几句代码，搞定 // 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 const originalPush = Router.prototype.push Router.prototype.push = function push(loca
vue2里面的Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
weixin_47652940的博客
11-26 695
注意，Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location不影响程序的执行效果，只是控制台会爆红，不在意可以不去修改，并且vue3中不会出现这种情况。这里的location告诉原来的push、replace方法往哪里跳转，传递哪些参数；resolve是成功的回调，reject是失败的回调。
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/sear
dw将限制条件全部检测通过后才能提交表单
11-24 531
处理搜索按钮按下两次及以上的报错问题
前端vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current
xixi19980804的博客
11-10 479
前端vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current
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...
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) { ..
【报错】Uncaught (in promise) Error: Avoided redundant navigation to current location:
weixin_42050406的博客
06-02 6911
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
vue异常处理（Uncaught (in promise) Error: Avoided redundant navigation to current location: “/home?key=）
scimence的专栏
07-17 482
Uncaught (in promise) Error: Avoided redundant navigation to current location: "/home?key=
Uncaught (in promise) Error: Avoided redundant navigation to current location: “/index“. 解决方法
S筱潇S四维Smile
09-04 3213
在router.js中加入以下代码就可以 const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } 如果你的改了push还是没有生效，修改路由replace方法,阻止重复点击报错 const originalReplace = VueRou
vue-router.esm.js:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/search/hw".
09-17
错误信息 "vue-router.esm.js:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/search/hw"" 表明在点击同一个跳转路由时，出现了重复导航的错误。...
报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “
qq_52476758的博客
01-24 736
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/cart报错 解决办法：在router下index.js中加入下面代码 1. replace const originalReplace = VueRouter.prototype.replace; VueRouter.prototype.replace = function replace(location) {
解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
草巾冒小子的博客
02-21 2万+
问题描述：重复点击导航时，控制台出现报错 ，虽然不影响功能使用，但也不能坐视不管。 解决 Vue 重复点击相同路由，出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题 . 报错内容： Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/home". 浏览器
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值