zoukankan      html  css  js  c++  java
  • vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}

    今天在写vue项目配置好路由点击菜单时,突然在控制台报错。

    错误信息如下:

    Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"};

    错误截图:

    经过一个半小时研究版本,又重新查看了路由的运行机制。得到了解决方案。

     

    解决方法一:经过多次尝试发现原因可能是 在重新下载依赖包时,安装的vue-router还是之前出错的那个版本,

                          解决方法也很简单,在项目目录下运行 npm i vue-router@3.0 -S 即可。

    解决方法二:如果你不想用方法一那就在 main.js里添加一段代码。

     

    代码如下:

    import Router from 'vue-router'
    const routerPush = Router.prototype.push
    Router.prototype.push = function push(location) {
      return routerPush.call(this, location).catch(error=> error)
    }

      

      亲测有效,如有其他问题可以联系我,谢谢。

      

     

     

  • 相关阅读:
    分别使用Nginx反向代理和Haproxy调度器实现web服务器负载均衡
    CentOS7.4 源码编译安装LNMP
    LVS-DR+keepalived高可用群集
    Weex 和 Web 平台的差异
    Weex 和 Vue 2.x 的语法差异
    如何将原有 Weex 项目改造成 Vue 版本
    Vue 2.x 在 Weex 和 Web 中的差异
    使用 Vuex 和 vue-router
    使用 Vue 开发 Weex 页面
    weex快速上手
  • 原文地址:https://www.cnblogs.com/webdragon/p/11355080.html
Copyright © 2011-2022 走看看