vue-router升级3.0.0以上版本导致Uncaught(in promise) navigation guard报错问题

最新推荐文章于 2024-05-31 09:35:58 发布
最新推荐文章于 2024-05-31 09:35:58 发布
阅读量5.8k 收藏 2
点赞数
分类专栏： 前端JS技术 微信开发 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012558074/article/details/113186155
版权

最近运行项目时发现使用原来的node-moudles包时不会出现路由Uncaught(in promise) navigation guard报错信息，但是删除原来的包重新install后运行项目会出现Uncaught(in promise) navigation guard信息，代码中也找不出原因，比较了半天发现是版本问题，程序中引用的是vue-router:^3.0.0版本。
解决办法：
1、因此把包改成^2.x.x，我的改成了 ^2.8.1 ，一定要再次使用cnpm install 否则引用的本地包还是不会更新。

chchch521761
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-router报错Error: Navigation cancelled from “/course“ to “/user“ with a new navigation.
weixin_47597807的博客
06-27 1825
出现这个错误是因为在你的vue-router全局导航守卫中出现了页面跳转到了一个页面之后又重定向到了另一个界面 举个小例子： router.beforeEach((to,from,next)=>{ if(to.matched.some(record => record.meta.requiresAuth)){ if(!store.state.user){ //跳转到登陆页面 next({ name:'login', query:
Vue-router 报错NavigationDuplicated的解决方法
10-15
主要介绍了Vue-router 报错NavigationDuplicated的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
路由导航守卫，Error: Redirected when going from “/login“ to “/register“ via a navigation guard.
qq_41722550的博客
02-25 2998
方法一：设置路由白名单，判断是否在路由白名单里 方法二：判断|要去的路由是否你要去的那个页面 方法三：登录和注册在同一个页面，显示与隐藏
vue3+vue-router4：报错Uncaught (in promise) Error: Invalid navigation guard
你好！刘斩仙
07-19 5592
解决Uncaught (in promise) Error: Invalid navigation guard报错，本地环境路由跳转失败
【Bug排查】Uncaught (in promise) Error: Infinite redirect in navigation guard
a534563的博客
10-17 2233
Bug排查：由前端到后端
vue3+vue-router@4 Error: Invalid navigation guard 或者 The “next“ callback was never called inside of
最新发布
hello word
05-31 356
vue3+vue-router@4 Error: Invalid navigation guard 或者 The "next" callback was never called inside of
vue高级篇——vue router之NavigationGuards（导航卫士）
一只程序猿
10-23 2700
最近无聊，就更新个路由的导航卫士吧 vue-router官方文档：https://router.vuejs.org/ 1、全局前卫——router.beforeEach 看名字就知道啦，beforeEach在路由跳转之前触发。 router.beforeEach((to, from, next) => { }) to：要导航到的目标Route对象，简单点说就是到哪里去。 ...
解决Vue-Router升级导致的Uncaught (in promise)问题
11-19
在升级了Vue-Router版本到到3.1.0及以上之后，页面在跳转路由控制台会报Uncaught (in promise)的问题 这是什么原因呢？ 看vue-router的版本更新日志 V3.1.0版本里面新增功能：push和replace方法会返回一个promise, ...
vue-router3.0版本中 router.push 不能刷新页面的问题
11-30
在 github 的 vue-router 中找到同样的一个问题：3.0.1版本通过router实例无法跳转 昨天发现有些路由不能正常跳转，找了一下发现都是那些实例化后使用 router.push 而不是直接使用 this.$router.push 的地方。 出现...
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报错：Error: Redirected when going from “xx“ to “xxx“ via a navigation guard解决方案
枫ゞ的博客
09-21 6790
今天做项目时发现使用路由拦截时会报此错误然后找了以下原因： 1、有可能是vue-router版本过高 把他降到3.0.7，手动修改就行了 在package.json文件里修改vue-router版本 然后删除原来的node_modules文件，再使用npm i 或yarn install生成新node_modules文件 2、是在router 包升级后 login页面在跳转的时候抛出了一个promise异常 没有接收它 所以报了这个错误 所以需要在你之前的路由跳转那里后面增加.catch(()=..
路由跳转错误：Uncaught (in promise) Error: Redirected when going from “...“ to “...“ via a navigation guard
热门推荐
weixin_46873254的博客
08-03 3万+
vue路由跳转错误：Uncaught (in promise) Error: Redirected when going from “/layout/home” to “/layout/user” via a navigation guard. Uncaught (in promise) Error: Redirected when going from “…” to “…” via a navigation guard. 在项目开发中，并不是每一个路由跳转都是明确的。 例如很多页面跳转需要登录判断，
Vue-Router报错：Error: Navigation aborted from “/login“ to “/home“ via a navigation guard
pscool的博客
07-23 1713
Vue-router报错
【错误总结 】Uncaught (in promise) Error: Navigation ...
zwj
09-13 2070
报错 原因 是vue-router内部错误,导致导航跳转问题,往同一地址跳转时会报错的情况push和replace 都会导致这个情况的发生。 解决办法 // main.js import Vue from 'vue' import Router from 'vue-router' //解决编程式路由往同一地址跳转时会报错的情况 const originalPush = VueRouter.prototype.push; const originalReplace = VueRouter.prototy
Vue3 中 导航守卫 的使用
一步一个脚印，踏实努力，向着目标前进
08-21 892
在Vue 3中，导航守卫（Navigation Guards）用于在路由切换前后执行一些操作，例如验证用户权限、取消路由导航等。Vue 3中的导航守卫与Vue 2中的导航守卫略有不同。下面是Vue 3中导航守卫的使用方式：beforeEachafterEach/user/1/user/2这些导航守卫可以在Vue 3中的路由配置中使用，用于控制路由的导航行为和执行一些额外的操作。
vue-router
weixin_61769998的博客
08-12 217
1.路由的跳转 路由的跳转就两种形式： ● 声明式导航（router-link：务必要有to属性） ● 编程式导航（push || replace ） 编程式导航更好用：因为可以书写自己的业务逻辑 面试题：v-show与v-if区别? v-show:通过样式display控制 v-if：通过元素上树与下树进行操作 面试题:开发项目的时候，优化手段有哪些? 1:v-show | v-if 2:按需加载 2.路由传参 params参数：路由需要占位，属于URL当中一部分 q..
Infinite redirect in navigation guard 死循环
dazhongliu666的博客
03-11 1万+
使用全局前置守卫碰到死循环 刚学习了路由守卫，想写个小demo随便玩一下，然后浏览器就报了 Infinite redirect in navigation guard 错误示范： router.beforeEach((to, from, next) => { next('/') } 这样的代码会使路由陷入死循环，不断地重复进入 根路径 又从根路径 出来的无限循环。 在实现跳转路由的时候，一定要以 next() 结尾 ...
vue跳转到子路由时报错error:Redirected from “/login“ to “/index“ via a navigation guard 已解决
weixin_44862325的博客
09-19 1万+
方法一 npm nui vue-router npm i vue-router@3.3.1 -S 如果还是不行 就使用方法二 方法二 在router文件夹下面的index文件中添加如下代码 ： const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location, onResolve, onReject) { if (onResolve || onReject) re.
Vue中报错： Uncaught (in promise) Error:Redirected when going from “x“ to “x“ via a navigation guard
weixin_47929185的博客
08-23 6931
项目中遇到如图的错误 是因为router的版本问题 和vue/lic有冲突 解决方法: 删除 node_modules ，到 package.json 中将 vue-router 改为最新稳定版 ，当然vue/cli也要是最新版，重新 npm i (未测试) // 解决router版本过高 重复点击路由控制台报错问题 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(loca
Uncaught (in promise) Error: Invalid navigation guard vue-router
10-13
这个错误通常是由于 Vue Router 中的导航守卫（navigation guard）出现问题导致的。可能是你的导航守卫函数返回了一个非布尔值，或者你的导航守卫函数中出现了异步操作但没有正确处理 Promise。 你可以检查一下你的导航守卫函数，确保它们返回布尔值或 Promise，并正确处理异步操作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值