Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current

最新推荐文章于 2025-06-24 08:44:28 发布

湖边看客

最新推荐文章于 2025-06-24 08:44:28 发布

阅读量230

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/VVVVV16/article/details/128786775

const VueRouterPush = VueRouter.prototype.push

VueRouter.prototype.push = function push(to) {
    return VueRouterPush.call(this, to).catch(err => err)
}

在router/index.js中加上这行代码

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

湖边看客

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue - 报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

王二红

11-16

2320

vue2，vue2报错，浏览器控制台报错，vue2网页网站路由报错，vue中出现路由导航出现Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "xxx"，vue重复点击菜单报错怎么办，vue路由报错如何解决，vue怎么解决重复点击路由报错问题，解决Vue路由导航报错:NavigationDuplicated，成功解决，Vue路由导航报错，Vue - 报错Uncaught

vue2里面的Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

weixin_47652940的博客

11-26

774

注意，Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location不影响程序的执行效果，只是控制台会爆红，不在意可以不去修改，并且vue3中不会出现这种情况。这里的location告诉原来的push、replace方法往哪里跳转，传递哪些参数；resolve是成功的回调，reject是失败的回调。

参与评论您还未登录，请先登录后发表或查看评论

解决 Uncaught (in promise) Error: Navigation cancelled from “/...“ to “/...“ with a new navigation.

qianduan1020的博客

09-13

3394

报错如下：解决方法：在路由器router里面的index.js里面加上下面这段代码就没事了 const originalPush = Router.prototype.push const originalReplace = Router.prototype.replace Router.prototype.push = function push(location, onResolve, onReject) { if (onResolve || onReject) { return o

解决：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

weixin_71403100的博客

03-25

2392

问题：解决vue路由传递参数时，重复点击会抛出NavigationDuplicated的警告错误。原因：vue-router引入了promise, push的时候会返回一个promise。解决方法一：给push方法直接传成功和失败的回调函数。解决方法二：在路由内重写push或replace方法。

使用vuejs3时，报错：Uncaught (in promise)

宝码香车的博客

06-14

1229

解决报错：Uncaught (in promise)

Uncaught (in promise) undefined

lys20000913的博客

01-07

1万+

检查报错路径中是否使用到Promise如果使用到检查reject的时候是否写了.catch 没有.catch的只有.then的话加上.catch即可例： new Promise((resolve,reject)=>{ reject() }).then(res=>{ }).catch(err=>{ }) ...

异常解决---Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"}的解决方法

一块小砖头的博客

10-11

1980

@[TOC](异常解决—Uncaught (in promise) NavigationDuplicated {_name: “NavigationDuplicated”}的解决方法) 使用vue做项目的时候，点击左侧同一个页面(相同路由)会导致报错 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated",...

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

qq_45796592的博客

04-19

3735

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current 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". 浏览器

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/sear

dw将限制条件全部检测通过后才能提交表单

11-24

690

处理搜索按钮按下两次及以上的报错问题

vue-router.js:2071 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curre

年少不知曲中意,再听已是曲终人

04-30

420

vue-router.js:2071 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/register".

前端vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current

xixi19980804的博客

11-10

532

前端vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current

Uncaught TypeError: Cannot read property ‘D‘ of undefined

小丁的博客

02-05

3272

你遇到的渲染层错误“Uncaught TypeError: Cannot read property ‘D’ of undefined”可能是由于微信开发者工具版本不兼容或代码中的问题导致的。建议尝试更换调试基础库、检查代码错误、更新开发者工具和框架版本，以及清理缓存并重新编译，以解决此问题。

解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location...

程序员小明1024

12-17

6850

一、重复点击导航时，控制台出现报错，虽然不影响功能使用，但也不能坐视不管。解决方案：方案一：只需在 router 文件夹下，添加如下代码： import Vue from 'vue' import VueRouter from 'vue-router' import Home from '@/views/Home' import Main from '@/views/Main' imp...

uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current loaction ‘xxxxxx

Yuan_Xiao_Tian_的博客

10-27

646

解决方法：在路由内重写push或replace方法。本文仅记录自己遇到的问题。

React性能优化：父组件如何导致子组件重新渲染及避免策略

最新发布

修炼魔法中....

06-24

647

本文深入探讨了React中父组件导致子组件重新渲染的机制及优化策略。通过多个代码示例分析，揭示了父组件状态变化会无条件触发所有子组件重新渲染，即使props未改变。文章详细介绍了三种常见场景：基础状态变更、传递未变化的原始类型props和引用类型props，并指出引用类型props（对象和函数）因其引用地址变化而成为性能陷阱。针对这些问题，提出了两种核心优化方案：使用React.memo进行浅比较优化，以及配合useMemo缓存引用类型值以保持引用稳定。特别是当传递对象或函数props时，必须结合useM

TypeScript 抽象类

jay丿的博客

06-20

444

在面向对象编程中，抽象类是连接抽象概念与具体实现的桥梁。本文通过渐进式案例，深入剖析 TypeScript 抽象类的核心特性与应用场景，揭示其如何成为大型项目架构设计的利器。

TypeScript接口

jay丿的博客

06-23

905

本文系统解析了TypeScript接口的核心应用场景及设计差异。接口主要作用包括定义类的结构契约、实现类型扩展合并等四大功能。相比类型别名，接口支持声明合并，扩展性更强；相比抽象类，接口仅定义契约，实现更灵活。最佳实践建议优先使用接口定义对象形状，复杂场景可结合类型别名使用。接口作为TS类型系统核心，提供了类型安全保障，同时提升代码可维护性，开发者应根据具体需求灵活选用接口或相关类型方案。

JavaScript 事件机制详解：冒泡、捕获与委托

qq_44919431的博客

06-23

631

JavaScript事件流包含捕获、目标和冒泡三个阶段。addEventListener的第三个参数控制事件触发阶段（false为冒泡，true为捕获）。事件冒泡从最具体元素向上传播，事件捕获则相反。事件委托利用冒泡机制，将监听器绑定到父元素而非每个子元素，提高性能并支持动态元素。可通过stopPropagation等方法阻止事件传播。理解这些机制有助于优化事件处理，编写高效代码。

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/login"

03-28

"Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/login"" 是一个错误信息，它表示在进行导航时遇到了重复的导航到当前位置的情况。这通常发生在使用路由器进行...