VUE.js项目中控制台报错： Uncaught (in promise) NavigationDuplicated解决方法

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

在使用vue-router的this.$router.replace进行路由跳转的时候快速点击会报错
Uncaught (in promise) NavigationDuplicated

把项目依赖的 node_modules 文件夹删除， 然后再 npm install 重新下载依赖包就可以解决。

叉叉不低头
关注
专栏目录
Vue - 报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
王佳斌
11-16 1875
vue2，vue2报错，浏览器控制台报错，vue2网页网站路由报错，vue中出现路由导航出现Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "xxx"，vue重复点击菜单报错怎么办，vue路由报错如何解决，vue怎么解决重复点击路由报错问题，解决Vue路由导航报错:NavigationDuplicated，成功解决，Vue路由导航报错，Vue - 报错Uncaught
Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
王佳斌
12-16 1万+
vue3，vite，报错解决，vue3+vite报错require is not defined，vue3 vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3 vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“require is not defined”问题，vite项目require语法兼容问题解决 require is not define
Vue中报错Uncaught (in promise)解决方案
热门推荐
why404
04-25 2万+
今天在写vue项目配置好路由点击菜单时，突然在控制台报错。 错误信息如下： Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}； 解决方法一：经过多次尝试发现原因可能是 在重新下载依赖包时，安装的vue-router还是之前...
Uncaught (in promise)
weixin_42601702的博客
02-15 7035
"Uncaught (in promise)" 的意思是 "未捕获(在承诺中)"，通常出现在使用 JavaScript 中的 Promise 对象时。它表示在一个 Promise 对象中发生了错误，但是没有被处理，也就是没有被 "捕获"。 这通常是由于没有正确处理 Promise 链中的异常而导致的。要解决此问题，可以在 Promise 链中使用 catch() 方法来捕获错误，并采取适当的措施来...
vue-router 跳转异常 Error: Navigation cancelled from “/“ to “/home“ with a new navigation.
最新发布
csdn_aspnet的专栏
08-28 2万+
2、vue-router@3.0版本及以上回调形式已经改成promise api的形式了，返回的是一个promise，如果路由地址跳转相同, 且没有捕获到错误，控制台始终会出现如图所示的警告 （注：3.0以下版本则不会出现以下警告！在main.js下注册一个全局函数即可 （注：此处理方案只针对于vue-router 3.0以上版本哈！注：官方vue-router@3.0及以上新版本路由默认回调返回的都是promise，原先就版本的路由回调将废弃！安装 npm install vue-router@2。
解决 Uncaught (in promise) Error: Navigation cancelled from “/...“ to “/...“ with a new navigation.
兔子的博客
12-25 1万+
解决 Uncaught (in promise) Error: Navigation cancelled from “/Search#1608911018888” to “/Search#1608911019245” with a new navigation. 这个错误是vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况 push和replace 都会导致这个情况的发生 解决方法如下:在路由器中进行配置 import VueRouter
Vue——解决Vue安装成功后控制台出现的一些问题
m0_53912558的博客
01-30 709
你正在运行一个开发版本的Vue，请你确信你在生产环境里不要这样做，就是说他发现你引入的Vue.js体积有点大，里面包含了很多的警告，在产品上线时使用这版不太好。1.先看第一条小提示：请你下载Vue的开发者工具达到一个更好的开发体验，其实就是说官方推荐在浏览器上安装官方所推出的Vue开发者工具。第一个小提示消失了，但但我们很多同学无法访问chrome网上应用店，只能使用下载好的了，我放在了网盘了，有需要的小伙伴自取哦~这样Vue的开发者工具就下载完了，我们再看一下控制台。→点击学习→点击教程→点击安装。
解决“Uncaught (in promise) Error: Navigation cancelled from “/login“ to “/“ with a new navigation“报错
Link_Anew的博客
07-06 2753
这个错误是vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况。push和replace 都会导致这个情况的发生。
Web前端-Vue控制台报错：Uncaught (in promise) TypeError
m0_67392273的博客
03-09 9857
开发前段时经常遇到如下报错： Uncaught (in promise) TypeError: 大致错误有如下三种： 1、使用的参数可能为null 或者 undefined 2、返回的参数有重复 3、未捕获异常 如，我在后台Java（前端Vue，后端Java都是本人开发）中，判断了用户名是否为空，抛出了一个异常错误： if(user.getUserName() == null) { throw new RuntimeException("请填写用户名!"); } js中在 promise 实例最后
vue3 - element-plus报错TypeError:t.upload.addEventListener is not a function，vue+element组件库控制台报错详细解决教程
高级前端工程师
07-09 2228
vue3，nuxt3，element-Plus，upload，上传组件，上传文件报错，本地开发没问题，部署打包上线就会报错，这个问题如何解决，还是一直报错，el-upload上传报错，vue3项目使用element上传组件 打包后报错t.upload.addEventListener is not a function的解决方案，VUE3上传功能本地上传正常，打包上传后报错，打包后报错t.upload.addEv，vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEve
前端开发：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以上版本重复点击菜单引起的路由重复报
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案： 解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
“Uncaught (in promise) Error: Navigation cancelled from “/“ to “/login“ with a new navigation“报错处理
A1292218927的博客
08-08 2427
这个错误是vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况。 push和replace 都会导致这个情况的发生。 解决方法如下: 在路由器中进行配置：router/index.js import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) // 解决报错 const originalPush = Router.prototype.push const ori
JavaScript中浏览器控制台报错： Uncaught SyntaxError: Unexpected identifier
小龙爷的博客
08-22 2872
控制台报错： Uncaught SyntaxError: Unexpected identifier 附上错误代码: var su = "{"name":"小岳岳","grade":{"js":60,"php":30}}"; console.log(typeof su); 为什么会出现这种问题： 个人感觉单双引号，没什么区别，平时单个用时，都可以用，但是多起来...
控制台报错：[Intervention]Unable to preventDefault inside passive event listener due to target
weixin_45366616的博客
08-31 220
升级到vue3,原来的 import 'default-passive-events'不好使了. 上网查了一堆发现软用没有。直到看到这位大佬的文章,直接搞吧,基本上谷歌报警告都解决了。
关于谷歌浏览器 遇到的问题Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform 在寻找解决
qq_55762751的博客
02-22 6036
试过卸载重新安装 把版本升级，可就是解决不了问题！找了很多问题，就是没有解决，请求帮助一下。
使用navigator.userAgent获取登录客户端的一些信息
qq_30472559的博客
03-26 3839
获取浏览器和访问平台var get_user_information=function(){ //获取主流的设备信息 var browser_infor = navigator.userAgent; var browser_version = 'Failed to identify the browser'; var browser_name='Failed to ...
使用navigator.userAgent来判断浏览器类型
fangdengfu123的博客
06-26 1647
function userBrowser () { var browserName = navigator.userAgent.toLowerCase(); if(/mise/i.test(browserName) && !/opera/.test(browserName)){ alert("IE
解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
m0_66288747的博客
10-25 2242
【代码】解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location。
index.vue:201 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'type') at _callee$ (index.vue:201:1) at tryCatch (regeneratorRuntime.js:44:1) at Generator.eval (regeneratorRuntime.js:125:1) at Generator.eval [as next] (regeneratorRuntime.js:69:1) at asyncGeneratorStep (asyncToGenerator.js:3:1) at _next (asyncToGenerator.js:22:1) at eval (asyncToGenerator.js:27:1) at new Promise (<anonymous>) at eval (asyncToGenerator.js:19:1) at VueComponent.handleNodeClick (index.vue:227:1) _callee$ @ index.vue:201 tryCatch @ regeneratorRuntime.js:44 eval @ regeneratorRuntime.js:125 eval @ regeneratorRuntime.js:69 asyncGeneratorStep @ asyncToGenerator.js:3 _next @ asyncToGenerator.js:22 eval @ asyncToGenerator.js:27 eval @ asyncToGenerator.js:19 handleNodeClick @ index.vue:227 handleCurrentChange @ index.vue:197 invokeWithErrorHandling @ vue.runtime.esm.js:3971 invoker @ vue.runtime.esm.js:1188 invokeWithErrorHandling @ vue.runtime.esm.js:3971 Vue.$emit @ vue.runtime.esm.js:2874 eval @ element-ui.common.js:1116 eval @ vue.runtime.esm.js:4097 flushCallbacks @ vue.runtime.esm.js:4019 Promise.then（异步） timerFunc @ vue.runtime.esm.js:4044 nextTick @ vue.runtime.esm.js:4109 queueWatcher @ vue.runtime.esm.js:3346 Watcher.update @ vue.runtime.esm.js:3584 Dep.notify @ vue.runtime.esm.js:710 reactiveSetter @ vue.runtime.esm.js:4380 proxySetter @ vue.runtime.esm.js:5158 handleCurrentChange @ element-ui.common.js:1069 invokeWithErrorHandling @ vue.runtime.esm.js:3971 invoker @ vue.runtime.esm.js:1188 invokeWithErrorHandling @ vue.runtime.esm.js:3971 Vue.$emit @ vue.runtime.esm.js:2874 onPagerClick @ element-ui.common.js:547 invokeWithErrorHandling @ vue.runtime.esm.js:3971 invoker @ vue.runtime.esm.js:1188 original_1._wrapper @ vue.runtime.esm.js:7265
06-12
这个错误信息是在浏览器控制台中看到的，它表示在执行代码时发生了一个错误。具体来说，它指出在 index.vue 文件的第 201 行出现了一个 TypeError 错误，该错误的原因是尝试读取一个未定义的属性 'type'。这可能是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值