vue报错 Uncaught (in promise) NavigationDuplicated {_name:““NavigationDuplicated“... 的解决方法

最新推荐文章于 2024-08-19 11:26:55 发布

p15097962069

最新推荐文章于 2024-08-19 11:26:55 发布

阅读量361

点赞数

文章标签： vue

原文链接：https://www.codeprj.com/blog/b0b2b91.html

版权

vue报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法

参考文章：

（1）vue报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法

（2）https://www.cnblogs.com/IwishIcould/p/11580089.html

备忘一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

p15097962069

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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

王佳斌

11-16

1803

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

Vue3 - 解决报错 Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)

王佳斌

07-16

3344

vue3，nuxt3，无法读取null的属性（读取“insertBefore”），vue3 insertBefore，报错，Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)，详细解决，v-if 导致，v-show，渲染时报错，dom元素，改变时报错，组件，插件，vue版本升级，依旧报错，还是不行，改了还报错，点击按钮展示弹框报错，本地启动时，页面所有操作正常，显示正常；部署到生产环

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

解决Vue-Router升级导致的Uncaught (in promise)问题

11-19

在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题这是什么原因呢？看vue-router的版本更新日志 V3.1.0版本里面新增功能：push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常解决方法一：在调用方法的时候用catch捕获异常 this.$router.replace({ name: 'foo' }).catch(err => { console.log('all good') }) 方法二：对Router原型链上的push、replace方法进行重写，这

vue 路由Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDu

wuyunhongw的博客

11-07

254

1、路由点击返回时或者点击 router-link 会造成报错时。解决方法是：添加这段代码，就可以解决报错 const originalPush = Router.prototype.push; Router.prototype.push = function push (location) { return originalPush.call(this, location).catch...

Uncaught (in promise) NavigationDuplicated

weixin_45655781的博客

08-12

411

这里写自定义目录标题Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/nodeConfig". Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/nodeConfig”. 在项目目录下运行 npm i vue-router@3.

VUE路由重复错误

qq_32234855的博客

07-16

893

说明文档: https://github.com/vuejs/vue-router/releases?after=v3.3.1 只是遇到了这种情况，然后搬运教程里面的解决方式 1.产生错误的情况：编程式路由跳转到当前路径且参数没有变化时会抛出 NavigationDuplicated(重复导航) 错误 2.原因分析: vue-router3.1.0之后, 引入了push()的promise的语法, 如果没有通过参数指定回调函数就返回一个promise来指定成功/失败的回调, 且内部会判断如果要跳转的路径和.

Vue中报如下错误Uncaught (in promise) NavigationDuplicated解决方案

乐于分享，共同成长

03-05

1961

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/users”. 关于这个报错的原因和解决方案如下：原因：源码 install 安装依赖时，Router（路由版本不一致）也可以修改 package.json 里面的 Router 版本解决方案：在router文件夹下的index.js中加入如下代码 const originalPush = Router.pro

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

weixin_47652940的博客

11-26

663

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

Vue3 - 解决报错 Uncaught (in promise) DOMException: Failed to execute ‘insertBefore‘ on ‘Node‘: The node

最新发布

王佳斌

08-19

3865

vue3，报错，vue3报错，Uncaught (in promise) DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node，如何解决这个错误，动态渲染，v-if，v-show，insertBefore，详细解决方法，vue3未能在“Node”上执行“insertBefore”：要插入

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

TUTsmile的博客

11-11

711

// 解决Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"的报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalP...

Uncaught (in promise) NavigationDuplicated {_name: “NavigationDuplicated“}的解决方法

wangchaoqi1985的博客

04-25

290

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

vue出现Uncaught (in promise) NavigationDuplicated {_name: "N的问题

沉淀在网页的博客

01-02

450

在router文件夹的index.js中加一段代码即可： const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } 因为遇到...

vue-router报错：Uncaught (in promise) NavigationDuplicated {_name: ‘NavigationDuplicated‘, name: ‘Navig

sherlyxoxo的博客

07-30

683

vue-router的NavigationDuplicated错误

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

weixin_30654419的博客

09-20

1358

左侧菜单栏时，发现点击路由跳转相同地址会有这个报错 Uncaught (in promise) NavigationDuplicated{_name: "NavigationDuplicated", name: "NavigationDuplicated"} router.js(或者router文件夹下index.js)中，添加这段代码 import Router from...

vue-cli项目 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"...

qq_42240485的博客

09-06

765

如果出现此错误，输入 cnpm i vue-router@3.0 -S

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

程序员小明1024

12-17

4351

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

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

m0_66288747的博客

10-25

2190

【代码】解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location。

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

RistonTea的博客

08-22

7380

问题：最近在项目中，做左侧菜单栏时，发现点击路由跳转相同地址会有这个报错 Uncaught (in promise) NavigationDuplicated{_name: "NavigationDuplicated", name: "NavigationDuplicated"} 解决办法： router.js(或者router文件夹下index.js)中，添加这段代码 impor...

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

m0_47659279的博客

04-12

2726

翻译：“导航重复：避免到当前位置的冗余导航。” 报错原因： vue-router发现你push了相同的路由。解决思路：重写vue-router的push方法，令之不报该种类型的错误。如何重写：我们当然不需要自己完全的重写这个方法，我们仅仅需要在这个方法的基础之上多加一些处理。 1.首先保存好原来的push方法： const routerPush = VueRouter.prototype.push 2.重写push方法，重写的push方法不仅需要调用原来的push方法，还需要在此基础上增加一个ca

Map.vue:175 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'name')

08-31

这个错误信息"Map.vue:175 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'name')"表示在Map.vue文件的第175行发生了未捕获的类型错误，尝试读取了一个空对象的属性"name"。根据引用的解释，这个错误通常是因为对象内容为空或null导致的。引用中提到，当将要插入的js文件放在body的后面时，错误得到解决并实现了期望的数据渲染效果。因此，可能的解决方法是检查Map.vue文件中的相关代码，确保在读取属性"name"之前该对象不为空，并确保将js文件正确放置在body的后面。123 #### 引用[.reference_title] - *1* *3* [JS常见报错解决办法:Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)](https://blog.csdn.net/wodegeCSDN/article/details/130457191)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的...](https://download.csdn.net/download/weixin_38640984/13612199)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]