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

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

在vue项目中，每次登录都会出现一个Uncaught (in promise)错误，前边看着没啥大问题也是在项目初期搭建项目，就没管它，现在项目框架搭建好了，对这个bug已经忍到极限，可以动手怼它了。今天看到一篇文章上边写到这个bug是在vue-router版本3.1.0及以上之后才会出现的.

 这是因为在vue-router更新到3.1.0版本之后，push和replace会返回一个promise，导致我们写的时候没有捕获这个异常。有兴趣的同学可以到vue-router更新日志里看看

在登录跳转的时候可以添加一个方法捕获，解决了这个报错

this.$router.push({name: 'home'}, () => {})

 

朝阳&online
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue-router 报错NavigationDuplicated的解决方法
10-15
主要介绍了Vue-router 报错NavigationDuplicated的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-taro-router:基本 Taro ，扩展成 vue-router 的使用体验
05-28
VueTaroRouter基本 Taro ，扩展成 vue-router 的使用体验Installationnpm i vue-taro-router -SUsage// router.jsimport VueTaroRouter from "vue-taro-router";const router = new VueTaroRouter();// 添加拦截器...
vue-router报错Uncaught (in promise)及解决方法
qq_38472535的博客
04-05 2901
vue-router报错Uncaught (in promise)及解决方法
VUE报错 Uncaught (in promise) error
weixin_44785498的博客
03-03 8359
VUE报错 Uncaught (in promise) error 原因：是因为后续并没有跟随任何 then | catch 语句，因此它将抛出错误，所以要养成良好习惯，promise记得写上catch 可尝试在 then() 后加上 catch() login({ commit }, userInfo) { const { username, password } = userInfo return new Promise((resolve, reject) => { c
＜router-link＞出现Error: No match for {“name“:“home“,“params“:{}}
最新发布
m0_59519985的博客
04-16 855
与传统的多页面应用不同，单页面应用可以实现快速的页面加载和无刷新的页面更新，提供更流畅的用户体验。在将标签换到的时候出现No match for {"name":"home","params":{}}这样的错误，其中格式并无错误，可是玄学的是：当我另起一行写,并把中的内容复制到时，错误却消失了，百思不得其解，有没有懂的佬可以分享一下。
vue-router.mjs:798 Uncaught (in promise) Error: No match for
Wkxb1的博客
06-28 1482
然后我也配置了路由，但是一直还是报错，最后发现是路由配置的时候没有访问权限，改一下后台权限设置就可以完美解决了。总结出现这个问题的主要原因就是找不到指定路由，如果也遇见这个问题可以查一下是不是路由没有配置，或者没有权限访问。今日在写前端代码的时候，用vue-route遇到了一个问题，在跳转的时候发现报了这个错误。如果还有问题未解决的问题，可以发在评论区解决。
在使用Vue开发中，遇到 vue-router报错Uncaught (in promise)
m0_63976931的博客
05-17 2255
报错Uncaught (in promise)，这是一个警告，造成这个问题的主要原因是，路由发现已经在当前的路由地址，还继续给这个路由地址跳转。解决办法，在路由的js文件中添加如下代码即可。在使用Vue开发中，经常会遇到。
vue-router 3.5.3 编程式导航出现的错误Uncaught (in promise) NavigationDuplicated
Drizzlejj的博客
06-07 699
背景：搜索按钮采用编程式导航，当用户点击搜索时即跳转到搜索页面。在搜索框中输入内容，点击搜索正常，当再次点击时出现错误提示。这是因为 vue-router 3.5.3 引入了 promise，而我们在 push 或 replace 的时候没有给 promise 传递成功与失败的回调。 我们先在路由这里打印一下返回的结果。 点击搜索可以看到打印了两次 promise解决方法： 通过给 push 方法传递相应的成功、失败的回调函数，可以捕获到当前错误，可以解决。 取消打印即可。第二种方法：重写
解决Vue-Router升级导致的Uncaught (in promise)问题
11-19
在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题 这是什么原因呢？ 看vue-router的版本更新日志 V3.1.0版本里面新增功能：push和replace方法会返回一个promise, ...
vue-router-sitemap-通过vue-router配置生成sitemap.xml-Vue.js开发
05-27
vue-router-sitemap通过vue-router配置安装npm i --save vue-router-sitemap示例用法// router.js import VueRout vue-router-sitemap通过vue-router配置生成sitemap.xml安装npm我-保存vue-router-sitemap示例用法//...
vue-router this.$router.push报错Uncaught （in promise）
朝花夕拾的博客
07-06 1323
捕捉路由异常即可
vue使用router过程中报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigat
ywy7777777的博客
08-12 5712
原因:按钮重复点击如： userClick编写的路由地址： 此时报错：注意：直接link to方式和只点击一次按钮不会报错，第二次再点击按钮则会报错
vue切换路由时报错Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"}解决方法
weixin_43961899的博客
09-03 3210
本文参考https://blog.csdn.net/weixin_43202608/article/details/98884620 今天做vue项目时用 this.$router.push(’/login’)切换路由时发现报错如下 于是上网搜解决方法，于是就找到了结局方法 把项目依赖的node_modules文件夹删除，然后在npm i 重新下载，但是有可能没用，因为再重新下载之后，发现v...
vue的this.router.push跳转时报错Uncaught (in promise) undefined
qq_45632139的博客
05-21 1711
console里报错 Uncaught (in promise) undefined 原因：vue-route的版本过高导致 在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题。 解决方法： 可降级操作npm i vue-router@3.0 -S ...
vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法
wwf1225的博客
10-29 4067
vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法 本文链接：https://blog.csdn.net/weixin_43202608/article/details/98884620 今天在写项目时发现了在点击 router-link 会造成...
vue router 报错： Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法
热门推荐
weixin_43202608的博客
08-08 5万+
今天在写项目时发现了在点击 router-link 会造成报错的问题， 报错内容为： 废话不多说，解决方法很简单，把项目依赖的 node_modules 文件夹删除， 然后再 npm install 重新下载依赖包就可以解决。 ...
Vue-Router 路由重复点击时报错 Uncaught (in promise) NavigationDuplicated:Avoided redundant navigation to curr
sumimg的博客
04-12 1585
前言 总结一下，在项目中遇到的一个小问题，使用 Vue 构件的项目里，有时候会存在 重复点击路由 报错的问题，Uncaught (in promise) NavigationDuplicated:Avoided redundant navigation to current location 虽然这个报错并不影响程序的正常运行，但是依然让人感到很不爽，这段代码也差不多是我在构建项目时用的挺多的一段代码。 而且，应该也有很多萌新遇到过这个问题，但是不知道如何解决，所以在这边记录一下。 造成这个报错的原因，大
vue使用菜单路由时报错问题
qq_279364752的博客
03-13 274
vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}
Vue-Router报错：Uncaught (in promise)Error: Navigation cancelled from “/“ to “/1“ with a new navigation
weixin_45092437的博客
07-25 3978
该错误是因为vue-router的内部没有对编程式导航进行catch处理，所以在使用`this.$router.push()` 和 `this.$router.replace` 进行路由跳转时，往同一地址跳转时或者在跳转的 mounted/activated 等函数中再次向其他地址跳转时会出现报错。但是在3.1.0版本及更高版本中，页面在跳转路由控制台会报Uncaught (in promise)的问题，push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常。......
vue-router Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'props')
09-07
这个错误通常发生在 Vue Router 中，当你在路由配置中使用了属性传递（props）时，但未正确设置传递的属性。 要解决此错误，你需要检查以下几个方面： 1. 确保你在路由配置中正确设置了 props 属性。这可以通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值