Vue中报如下错误Uncaught (in promise) NavigationDuplicated解决方案

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/users”.
关于这个报错的原因和解决方案如下：
原因：
源码 install 安装依赖时，Router（路由版本不一致）
也可以修改 package.json 里面的 Router 版本

解决方案：在router文件夹下的index.js中加入如下代码
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}

index.js中完整的代码如下：

import Vue from 'vue'
import Router from 'vue-router'
import Index from "../components/Index";
import List from "../components/users/List";Vue.use(Router)
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err)
}
export default new Router({routes: [{path: '/', redirect:'/index'},{path:'/index', name:Index, component:Index},/*这里的ecomponent后便容易多一个s*/{path: '/users', component: List},// {path: '',component: }]
})

Vue中报如下错误Uncaught (in promise) NavigationDuplicated解决方案相关推荐

解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
问题描述:重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能坐视不管. 解决 Vue 重复点击相同路由,出现 Uncaught (in promise) NavigationDuplica ...
Vue中报错： Uncaught (in promise) Error:Redirected when going from “x“ to “x“ via a navigation guard
项目中遇到如图的错误是因为router的版本问题和vue/lic有冲突解决方法: 删除 node_modules ,到 package.json 中将 vue-router 改为最新稳定版 ,当 ...
Vue的router导航重复-报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curren
报错: Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: &q ...
vue报错 Uncaught (in promise) NavigationDuplicated {_name:““NavigationDuplicated“... 的解决方法
vue报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解 ...
Vue.js前台报Uncaught (in promise) cancel错误解决办法
今天做一个demo时碰到了Vue.js前台报Uncaught (in promise) cancel的错误,虽然不影响操作但是看见了心里不爽,于是在网上找了一些资料,总结如下原因: this.$co ...
vue报错Uncaught (in promise) NavigationDuplicated:Avoided redundant navigation
vue-router.esm.js?3423:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation ...
解决 vue-router 升级导致的 Uncaught (in promise) NavigationDuplicated
解决 vue-router 升级导致的 Uncaught (in promise) NavigationDuplicated 1 导致错误原因路由跳转有两种形式: 声明式:<router-li ...
Vue-Router点击相同路由报错，vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided r
vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation ...
vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation
问题在做前后端分离项目的时候,vue使用路由进行界面跳转时,出现了以下错误,说是路由重复啥的,之前的项目都没这问题.. vue-router.esm.js?8c4f:2065 Uncaught (i ...
解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题
在Vue路由中遇到Error: Avoided redundant navigation to current location:xxxx:错误,意思是路由重复在router文件夹下的index.j ...

Vue中报如下错误Uncaught (in promise) NavigationDuplicated解决方案

Vue中报如下错误Uncaught (in promise) NavigationDuplicated解决方案相关推荐

最新文章

热门文章