vue-router 报错：Navigation cancelled from“/...“ to “/...“ with a new navigation

最新推荐文章于 2024-09-27 10:39:41 发布
原创 最新推荐文章于 2024-09-27 10:39:41 发布 · 6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决Vue Router 3.0版本使用中出现的问题的方法，包括卸载当前版本并通过指定版本号安装特定版本来暂时解决问题。

待解决？

网上解决方案一：暂时解决

1.卸载3.0版本

npm uninstall vue-router --save

2.安装2.多版本

npm install vue-router@2.8.0 -S

【解决 vue-router 报错：Navigation cancelled from “/...“ to “/...“ with a new navigation】
m0_65450343的博客
08-13 2141
解决 vue-router 报错：Navigation cancelled from “/...“ to “/...“ with a new navigation_明天也要努力的博客-优快云博客
解决element-ui.common.js?5c96:3:Navigation cancelled from “/admin“ to “/users“ with a new navigation.
qq_60976312的博客
11-24 2399
解决element-ui.common.js?5c96:3:Navigation cancelled from "/admin" to "/users" with a new navigation.
解决 vue-router 报错：Navigation cancelled from “/...“ to “/...“ with a new navigation
热门推荐
明天也要努力的博客
12-11 2万+
问题： 项目中需要对用户是否登录进行判断，如果用户未登录或者 token 过期就需要跳转登录页面，进行登录验证。所以需要做一个拦截，在跳转登录页面时报了一个错。 报错如下图所示： 原因： 这个错误是 vue-router 内部错误，没有进行 catch 处理，导致的编程式导航跳转问题，向同一地址跳转时会报错的情况（push 和replace 都会导致这个情况的发生）。 解决： 方案一： 安装 vue-router 3.0 以下版本，先卸载 3.0 以上版本然后再安装旧版本 。 npm install vu
Vue Router报错问题，Uncaught (in promise) Error: Navigation cancelled from “/“ to “/home“ with a
weixin_38146633的博客
12-21 1072
路由报错，从登录页跳转首页跳转不成功，需要两次点击才能成功跳转 主要参考https://blog.csdn.net/Beam007/article/details/121630233 参考文献：https://blog.csdn.net/Beam007/article/details/121630233 https://blog.csdn.net/qq_38392623/article/details/121185731 https://blog.csdn.net/qq_42092177/article/
vue-router:Navigation cancelled from “/“ to “/“ with a new navigation
qq_42031498的博客
03-20 947
只需要把路由的mode: 'history'，改成mode: 'hash'或者直接注释就行了
解决Navigation cancelled from “/xxx“ to “/xxx“ with a new navigation.错误
MMF博客园
02-28 803
解决Navigation cancelled from “/xxx“ to “/xxx“ with a new navigation.错误
亲测解决 ：Navigation cancelled from “/xxx“ to “/xxx“ with a new navigation.
鞠晓健
12-12 5341
解决 Navigation cancelled from “/xxx“ to “/xxx“ with a new navigation
vue-router 报错：Navigation cancelled from“/...“ to “/...“ with a new navigation.
06-08
这个错误通常是因为在路由跳转的过程中，又发起了新的路由跳转，导致前一个路由被取消。...如果以上方法都无法解决问题，可以尝试升级 `vue-router` 的版本，或者使用其他类似的路由库来实现路由功能。
ERROR Redirected when going from "/login" to "/commend" via a navigation guard. at createRouterError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1728:15) at createNavigationRedirectedError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1713:10) at eval (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2012:17) at eval (webpack-internal:///./src/router/index.js:135:5) at iterator (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2002:7) at step (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1766:9) at step (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1770:9) at runQueue (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1774:3) at HashHistory.confirmTransition (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2027:3) at HashHistory.transitionTo (webpack-internal:///./node_mo
最新发布
04-09
当出现`Redirected when going from "/login" to "/dashboard"`或`Navigation cancelled`错误时，通常由以下原因导致： 1. 导航守卫中多次调用$next()$方法 2. 路由跳转逻辑未正确终止[^3] 3. 相同路径重复跳转未...
Error: Navigation cancelled from "/" to "/yx/recipe" with a new navigation. at createRouterError (vue-router.esm.js:2056:15)
03-11
好的，我现在需要帮助用户解决Vue Router的导航取消错误：“Uncaught (in promise) Error: Navigation cancelled from "/mall" to "/home" with a new navigation”。首先，我得回忆一下之前学过的相关知识，以及...
记录错误1——vue路由跳转报错Navigation cancelled from“/...“ to “/...“ with a new navigation.
You_got_this的博客
09-07 1万+
介绍：项目中对当前登录的用户类型进行相应的菜单权限限制，为防止用户在浏览器网址栏中手动输入path，然后回车就可以进入该页面，所以需要做一个拦截，但是又不想为每一个路由都写一个守卫就在最外侧路由组件 由于种种原因没有采用路由守卫 用的是watch $route监听当前路由的变化 在这里判断用户是否有权限进入到要去的路由，没有权限就跳到概览页，这时候报了一个错 百度了一下是因为vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况。 百度到的解..
解决“Uncaught (in promise) Error: Navigation cancelled from “/login“ to “/“ with a new navigation“报错
Link_Anew的博客
07-06 3080
这个错误是vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况。push和replace 都会导致这个情况的发生。
解决 Uncaught (in promise) Error: Navigation cancelled from “/...“ to “/...“ with a new navigation.
li22356的博客
04-16 1万+
报错问题如下图所示： 原因： 这个错误是vue-router内部错误,导致导航跳转问题,往同一地址跳转时会报错的情况push和replace 都会导致这个情况的发生。 解决方法： 在路由器router里面的index.js里面加上下面这段代码就没事了。 //解决编程式路由往同一地址跳转时会报错的情况 const originalPush = VueRouter.prototype.push; const originalReplace = VueRouter.prototype.replace; //pu
Uncaught (in promise) Error: Navigation cancelled from “/“ to “/login“ with a new navigation.解决方案
m0_46165586的博客
09-27 2869
路由跳转`控制台提示：Uncaught (in promise) Error: Navigation cancelled from "/" to "/login" with a new navigation.`通常是因为在路由跳转过程中，某个导航被取消了。
Vue前端报错Uncaught (in promise) Error: Navigation cancelled from “/...“ to “/...“ with a new navigation
qq_28060013的博客
10-18 620
需要在index.js文件中添加： const originalPush = VueRouter.prototype.push; VueRouter.prototype.push = function push(location) { return originalPush.ca...
解决报错（Navigation cancelled from “/roleList“ to “/userlist“ with a new navigation.）
weixin_46419373的博客
09-09 9665
写项目的时候，报了一个错，现在总结出来，希望可以帮助到你们。 这个报错的原因：使用新导航取消了从“/roleList”到“/userlist”的导航。 解决的方法： 关于Vue Router报错 路由跳转报错问题只需要在router中的index.js中写: import Vue from ‘vue’ import VueRouter from ‘vue-router’ Vue.use(VueRouter) const originalPush = VueRouter.prototype.push .
Vue报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法
林中明月间丶
12-18 6105
解决办法 在项目目录下运行npm i vue-router@3.0 -S即可 如何在任何页面获取到url地址 然后切换项目的时候仍然在当前地址 console.log("当前页面的参数",this.$route.path); this.$router.push(this.$route.path)；//切换项目的时候仍然在改页面 ...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我先来一碗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值