报错:“TypeError: router.addRoute is not a function“

最新推荐文章于 2025-09-29 17:08:27 发布
原创 最新推荐文章于 2025-09-29 17:08:27 发布 · 3.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端 #vue

本文指导如何在项目中更新vue-router到3.5.2版本，包括卸载旧版、遇到的问题及解决方案，强调重启服务的重要性。

  打开项目中的package.js   查看vue-router版本是否为3.5.2  

卸载当前版本的vue-router

 再安装3.5.2  版本的vue-router

可以用cnpm install vue-router@3.5.2指令安装但是我这里出错

用这个命令也可以  npm install vue-router@3.5.2

就可以再package.js 中看到当前的版本号

 

 注意：重新安装后一定要重启服务！重启服务！

香菜羊
关注
正确解决TypeError: xxx is not a function异常的有效解决方法
wbajsjhhhhh的博客
05-03 1万+
正确解决TypeError: xxx is not a function异常的有效解决方法
Cannot redefine property: $router at Function.defineProperty
hk1052606583的博客
09-15 1636
项目上线阶段为了解决第三方依赖合并导入导致文件体积过大的问题，选择配置加载外部cdn资源 在vue.config.js中 module.exports={ chainWebpack:config=>{ //发布模式 config.when(process.env.NODE_ENV==='production',config=>{ config.entry('app').clear().add('./src/main-prod.js') //默认情
详解Vue.js搭建路由报错 router.map is not a function
12-09
错误： 出现问题原因：2.0已经没有map这个方法了，只有1.0兼容该方法。 解决方法： （1）方法1：使用命令npm install vue-router@0.7.13兼容1.0版本vue。 在代码中的使用方法： （2）解决方法2：基于vue2.0，写对应的方法。 具体用法如下图： 注：1.0和2.0在一些用法上有比较大的差别，用的时候需要注意。
Vue Router 动态路由完全指南：灵活掌控前端路由
wujiayu31415的博客
09-29 913
动态路由指的是在应用程序已经运行的时候添加或删除路由的技术。在Vue应用开发中，路由管理是构建单页面应用的核心环节。但在某些高级场景中，我们需要在运行时动态添加或删除路由。动态路由是Vue Router提供的一项强大功能，它为Vue应用带来了前所未有的灵活性。在导航守卫中添加路由是一种常见模式，特别是在权限控制场景中。这种方法的优势在于它避免了无限重定向的问题，同时保持了导航的连贯性。方法，我们可以在运行时动态管理路由结构，满足各种复杂场景的需求。：当路由被删除时，它的所有别名和子路由也会被同时删除。
Vue3项目运行时报错误：TypeError：router.addRouters is not a function
小张同学的博客
09-17 4097
Vue3项目运行时报错误：TypeError：router.addRouters is not a function
Vue2路由坑：报错router.addRoute is not a function
weixin_51290060的博客
11-15 2218
报错router.addRoute is not a function
Uncaught (in promise) TypeError: uni.addRoute is not a function
08-28
在使用 uni-app 开发过程中，遇到 `uni.addRoute is not a function` 的 TypeError 错误通常表明调用了一个并不存在或不可用的 API 方法。`uni.addRoute` 并不是 uni-app 官方文档中定义的标准 API，因此尝试调用它...
‍[⁠TypeError⁠]‍ {message: "(0 , _vueRouter.useRouter) is not a function"}
08-02
在 Vue.js 项目中使用 `vue-router` 的 `useRouter` 函数时，如果遇到 `TypeError: (0 , _vueRouter.useRouter) is not a function` 错误，通常是由以下几个原因之一导致的： 1. **未正确安装或导入 `vue-router` ...
vue3 动态router.addRoutes报错
最新发布
11-01
如果传递数组会导致`TypeError: route.forEach is not a function`（如引用[5]所示，虽然是Vue2，但原理相同）。 2. **嵌套路由添加**：如果动态路由是嵌套路由，需要先确保父路由已经存在（通过静态定义或动态添加...
handled by React Router default ErrorBoundary: TypeError: Cannot read properties of undefined (reading 'props')
08-19
首先，用户的问题是关于React Router的。他们遇到了一个错误：TypeError: Cannot read properties of undefined (reading 'props')。这发生在React Router的默认ErrorBoundary中。 我需要理解错误的原因。根据用户...
关于使用router.addRoute中出现TypeError: router.addRoutes is not a function
weixin_51161895的博客
10-18 2922
关于使用router.addRoute中出现TypeError: router.addRoutes is not a function
vue项目router报错：TypeError: _router.default.addRoute is not a function
weixin_52827704的博客
08-25 9474
控制台报错为： 在permission文件夹里面使用了：router.addRoute()的方法 原因：可能是因为安装依赖的时候用的npm 但是npm安装的包里面的route 原型里面没有addRoute的方法，所以报错 解决办法：把npm安装的依赖包删掉，用cnpm安装，打印route，原型里面就有这个方法了，如下图： 然后就成功啦 ...
vue项目router报错：TypeError _router.default.addRoute is not a function
m0_67393827的博客
03-09 2254
控制台报错为： 在permission文件夹里面使用了：router.addRoute()的方法 原因：可能是因为安装依赖的时候用的npm 但是npm安装的包里面的route 原型里面没有addRoute的方法，所以报错 解决办法：把npm安装的依赖包删掉，用cnpm安装，打印route，原型里面就有这个方法了，如下图： 然后就成功啦 ...
打包后出现 y.a.addRoute is not a function
热门推荐
小杨很困的博客
03-01 1万+
Ant Design Vue Pro框架打包后出现 y.a.addRoute is not a function
【项目复盘-vue2.0】router.addRoutes 报错TypeError: routes.forEach is not a function
Weiqian_的博客
08-02 6749
router.addRoutes 报错TypeError: routes.forEach is not a function
Vue的router.addRoutes不起作用
V1040375575的博客
05-25 1330
说明：options是传递给vuerouter构造函数的对象，之后没有修改（也就是vue实例化时在router.js中定义的那些路由），所以通过动态添加的路由是不会显示在options.routes中的，Vue就是这么设计的。项目说明：后台项目使用的是vue-admin-template，上面截图的文件目录路径：‘项目根目录/src/layout/components/Sidebar/index.vue’文件中。来渲染的，最终使用了Vuex中的数据来渲染的。最终发现左侧菜单组件中的路由是根据。
引入vue-router.js搭建路由报错router.map is not a function 的问题
weixin_34279246的博客
11-17 381
为什么80%的码农都做不了架构师？>>> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值