Vue CLI3 - 项目中报错Error: Avoided r

如果你也遇到这种状况，NavigationDuplicated: Avoided redundant navigation to current location: "/shopcart".

报错显示路由频繁点击导致路由重复而报错，该报错对路由跳转功能没有任何影响。

解决方法如下：

首先,查看当前的项目的package.json文件，安装的路由是否大于3.0版本，如果是，欢迎使用如下解决方案。

router 文件夹下 index.js 中添加下面代码即可

import VueRouter from 'vue-router'
// 解决导航栏或者底部导航tabBar中的vue-router在3.0版本以上频繁点击菜单报错的问题。
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location) {
  return originalPush.call(this, location).catch(err => err)
}

注意使用事项：路由别名是否一致（因为个人喜好的命名不同，这里也要适当更改）