vue-router Uncaught (in promise) 报错问题

最新推荐文章于 2024-08-27 00:26:33 发布
最新推荐文章于 2024-08-27 00:26:33 发布
阅读量2.2k 收藏
点赞数
分类专栏： 前端 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/andrew_sj/article/details/127383038
版权
本文介绍了如何修复Vue 项目中遇到的登录跳转时Uncaught (in promise) undefined错误，重点在于理解Vue Router 3.1.0及以上版本返回Promise的特性，并通过参考博主朝阳&online的文章解决了这个问题。
摘要由CSDN通过智能技术生成

接手一个老的vue项目，在登录跳转时总是报错：Uncaught(in promise) undefined，看到提示应该是属于vue-router的报错，但是直接点击无法看到相应报错代码片段。搜索后发现时vue-router3.1.0以上版本在push和replace时会返回promise，而代码中没有捕获该异常导致的。
参考@朝阳&online的这篇博文解决了问题，感谢。
在这里插入图片描述
在这里插入图片描述

Andrew_SJ
关注
专栏目录
Vue - 报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
王佳斌
11-16 1833
vue2，vue2报错，浏览器控制台报错，vue2网页网站路由报错，vue中出现路由导航出现Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "xxx"，vue重复点击菜单报错怎么办，vue路由报错如何解决，vue怎么解决重复点击路由报错问题，解决Vue路由导航报错:NavigationDuplicated，成功解决，Vue路由导航报错，Vue - 报错Uncaught
vue-router报错: Uncaught (in promise) undefined
qq_40815009的博客
04-27 7901
背景描述: vue项目，做登录页，点击登录按钮时，nextwork显示已经登录成功，但是console中报错 vue-router.esm.js?8c4f:2089 Uncaught (in promise) undefined 并且没有跳转到默认页面。 参考别人博客发现是vue-router跳转方法的问题。 *1.router.push(location)=====window.history....
Uncaught (in promise) Error: No match for
在工作中记录下美好的瞬间~~
09-13 4053
总结出现这个问题的主要原因就是找不到指定路由，如果也遇见这个问题可以查一下是不是路由没有配置，或者没有权限访问。今日在写前端代码的时候，用vue-route遇到了一个问题，在跳转的时候发现报了这个错误。的时候没有访问权限，改一下后台权限设置就可以完美解决了。然后我也配置了路由，但是一直还是报错，最后发现是。如果还有问题未解决的问题，可以发在评论区解决。
【无标题】Uncaught (in promise) Error: Invalid route component
最新发布
qq_45209011的博客
08-27 424
查了一下按理说这里不应该是必须要component的，但是没有我就报错了，应该是哪里配置出问题了。解决方法：在二级目录（auth和vppz）的位置增加component属性。
vue-router使用$router.push()，页面挂起进入debug模式，提示Uncaught (in promise) undefined
一枚不断学习的小码农一枚~
06-16 2296
问题 vue-router使用$router.push()跳转页面时，页面挂起进入debug模式，提示Uncaught (in promise) undefined，断点进入 function (err) { if (onAbort) { onAbort(err); } …… } 此方法 分析(待补充完善……） Uncaught (in promise) undefined，未捕获的promise，因为应用程序实际上没有生成任何错误。它只是一个导航（$r
Vue中报错Uncaught (in promise)解决方案
热门推荐
why404
04-25 2万+
今天在写vue项目配置好路由点击菜单时，突然在控制台报错。 错误信息如下： Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}； 解决方法一：经过多次尝试发现原因可能是 在重新下载依赖包时，安装的vue-router还是之前...
在使用Vue开发中，遇到 vue-router报错Uncaught (in promise)
m0_63976931的博客
05-17 2338
报错Uncaught (in promise)，这是一个警告，造成这个问题的主要原因是，路由发现已经在当前的路由地址，还继续给这个路由地址跳转。解决办法，在路由的js文件中添加如下代码即可。在使用Vue开发中，经常会遇到。
解决Vue-Router升级导致的Uncaught (in promise)问题
11-19
在升级Vue-Router至3.1.0及以上版本后，开发者可能会遇到一个常见的问题：在进行路由跳转时，控制台会抛出`Uncaught (in promise)`错误。这个错误的出现是由于Vue-Router从3.1.0版本开始，`push`和`replace`方法开始...
解决vue-router跳转重复路径报错问题
weixin_45932733的博客
12-02 3019
在最近写代码时发现，我的路由跳转重复路径后，报错如下,问题可能是官方当前版本问题，所以解决方案如下 let path = this.$route.path let newpath = "/home" if (path ==!newpath) { this.$router.push(newpath) } Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/home".
解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location...
程序员小明1024
12-17 4467
一、重复点击导航时，控制台出现报错 ，虽然不影响功能使用，但也不能坐视不管。 解决方案： 方案一：只需在 router 文件夹下，添加如下代码： import Vue from 'vue' import VueRouter from 'vue-router' import Home from '@/views/Home' import Main from '@/views/Main' imp...
VUE Router路由跳转报错：vue-router.esm.js?fe87:2051 Uncaught (in promise) NavigationDuplicated {_name: "Nav
LZD30的博客
11-14 1万+
背景： this.$router.push({path: "path"}) , 跳转时出现错误. 完整错误： vue-router.esm.js?fe87:2051 Uncaught (in promise) NavigationDuplicated{_name: "NavigationDuplicated", name: "NavigationDuplicated", messag...
vue-router报错
qq_45142260的博客
02-17 2378
vue路由报错，vue-router 报错内容：Catch all routes ("*") must now be defined using a param with a custom regexp.
vue-router重复点击路由报错问题vue-router.esm.js?fe87:2051 Uncaught (in promise) NavigationDuplicated {_name: “
weixin_46211267的博客
01-13 1521
报错信息： vue-router.esm.js?fe87:2051 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/recommend/000Si7u14BaKKw") is not allowed", stack: "Error↵ at new Navi
【Bug排查】Uncaught (in promise) Error: Infinite redirect in navigation guard
a534563的博客
10-17 2927
Bug排查：由前端到后端
在VueRouter
QB哥欢迎您
01-19 154
关于VueRouter重复路由报错解决
vue2： Router报错经验--Uncaught (in promise) Error: Navigation cancelled from“/mall“to “/home“ with a new
weixin_1095的博客
08-23 1203
这个错误是vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况。push和replace 都会导致这个情况的发生。
vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法
wwf1225的博客
10-29 4141
vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法 本文链接：https://blog.csdn.net/weixin_43202608/article/details/98884620 今天在写项目时发现了在点击 router-link 会造成...
Uncaught Error: [vue-router] route config “component“ for path: /about cannot be a string id. Use an
weixin_54799350的博客
04-13 677
【代码】Uncaught Error: [vue-router] route config “component“ for path: /about cannot be a string id. Use an。
vue-router Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'props')
09-07
这个错误通常发生在 Vue Router 中，当你在路由配置中使用了属性传递（props）时，但未正确设置传递的属性。 要解决此错误，你需要检查以下几个方面： 1. 确保你在路由配置中正确设置了 props 属性。这可以通过以下几种方式来完成： - 对象模式： ```javascript { path: '/your-route', component: YourComponent, props: { yourProp: 'yourValue' } } ``` - 函数模式： ```javascript { path: '/your-route', component: YourComponent, props: route => ({ yourProp: route.params.id }) } ``` 2. 确保你的组件接收了传递的属性。在组件中，你需要声明接收 props 属性，以便能够使用它们。例如，在 Vue 单文件组件中，你可以使用 props 属性来声明要接收的属性： ```javascript export default { props: ['yourProp'], // ... } ``` 3. 如果你使用的是带有 TypeScript 的 Vue 项目，请确保你正确定义了接收的属性类型。 ```typescript export default { props: { yourProp: { type: String, required: true } }, // ... } ``` 通过检查这些方面，应该能够解决这个错误。如果问题仍然存在，请提供更多的相关代码和错误上下文，以便我们能够提供更精确的帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值