app.js:2418 Uncaught TypeError: routes.forEach is not a function

已于 2022-12-27 23:56:09 修改
阅读量967 收藏
点赞数
文章标签： vue.js javascript
于 2022-12-27 20:09:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YOUSEEYA/article/details/128460691
版权

6e9ebb83824b4cf68ca739fb7d30f611.png

 当我将路由配置routes单独拿出来，报了此错5e2a05ba09154550bf443db697d79989.png

下面我在routes.js的export default后跟的是一个对象，里面放定义的routes数组，这样是错误的

0e4c3020645c4212bb45129e56d7edf7.png

 正确的方式应该是routes.js下的export default后直接跟数组，里面写路由的配置信息

99f6651f1ab14674a6ffdf6263ad4aa8.png

然后在index.js的VueRouter实例中去挂在routes配置信息

 

YOUSEEYA
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【项目复盘-vue2.0】router.addRoutes 报错TypeError: routes.forEach is not a function
Weiqian_的博客
08-02 6306
router.addRoutes 报错TypeError: routes.forEach is not a function
Vue前后端分离出现 Uncaught (in promise) TypeError: routes.forEach is not a function 请求302
奔跑入坑大数据
11-15 3033
1、使用的参数可能是null,undefined。 2、返回的参数有重复。 3、未捕获异常。 处理方法 getList() { this.$http({ method: 'post', url: '/flow/instance/list', options: { noParam: true ...
Vue单独把路由作为一个组件出现问题 Uncaught TypeError: routes.forEach is not a function
明日复明日的博客
04-05 1万+
首先在webstorm里面是编译成功的，但是打开localhost却没有内容显示！打开调试的时候发现问题Uncaught TypeError: routes.forEach is not a function 这种时候和这里无关，就是找不到route下的文件了！ 因为之前是写在main.js下面的，所以被我直接移植了过去。乍一看是不是有引入每一个组件的路径？但是这个文件没有输出啊！！！main...
vue -(问题系列) TypeError: routes.forEach is not a function
然而老干妈早就看穿了一切
03-08 3万+
问题原因： 来源线索：https://ask.csdn.net/questions/710037 用户：qq_37744644的评论 总结：添加一个符合routes的选项要求的数组。
vue2报错Uncaught TypeError: routes.forEach is not a function怎么解决
最新发布
weixin_63477921的博客
02-26 780
请确保在 Vue Router 的配置中使用了正确的路由数组。配置中是一个数组，这样就不会再出现。不是一个数组，而你尝试在其上调用。
***.forEach is not a function
weixin_44154094的博客
01-17 6716
***.forEach is not a function缘起：在这里插入图片描述 ==原生js获取的DOM集合是一个类数组对象，不能直接利用数组的方法 （例如：forEach，map等），需要进行转换为数组后，才能用数组的方法！==1.推荐几种转换成数组的方法1.1 Array.from()1.2 [...ci]1.3 Array.prototype.slice.call（ci） 缘起： <div id="box"> <p>city</p> <ul i
小程序报错 WAService.js:3 Uncaught Error: module ＂src/utils/utils.js＂ is not defined
03-29
编译程序时候老是报module "src/utils/utils.js" is not defined的错，狂问度娘也没结果 后来静下来想才尝试弄正确： 我本来的页面地址是："src/main/welcome/welcome" 在这个页面的基础上要加载utils.js，所以按照...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
小程序中wx.xx is not a function的报错
03-29
连胜老师今天来说一下小程序后台，运维中心经常报的一个错误：错误提示：wx.getSetting is not a function;at App lifeCycleMethod onLaunch function。   这里的wx.getSetting，可能是其他API，比如wx....
vue-router之解决addRoutes使用遇到的坑
11-20
最近项目中使用了vue-router的addRoutes这个api，遇到了一个小坑，记录总结一下。 场景复现： 做前端开发的同学，大多都遇到过这种需求：页面菜单根据用户权限动态生成，一个常见的解决方案是： 前端初始化的时候，只挂载不需要权限路由，如登陆，注册等页面路由，然后等用户登录之后，后端返回当前用户的权限表，前端根据这个权限表遍历前端路由表，动态生成用户权限路由，然后使用vue-router提供的addRoutes,将权限路由表动态添加到路由实例中，整个过程大致如下： // router.js 文件 // 需要用户权限的路由表 const appRoutes = [ { path:
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
官方的js路由router
weixin_40945354的博客
02-09 1051
// 1. 定义路由组件. // 也可以从其他文件导入 const Home = { template: '<div>Home</div>' } const About = { template: '<div>About</div>' } // 2. 定义一些路由 // 每个路由都需要映射到一个组件。 // 我们后面再讨论嵌套路由。 const routes = [ { path: '/', component: HelloWorld }, { pa
vue常见错误解决
热门推荐
编译的阿喵
06-10 8万+
Error in render: “TypeError: Cannot read property ‘list’ of undefined” [Vue warn]: Property or method “message” is not defined on the instance but referenced during render. Make sure that this proper...
【前端笔记 】vue-router获取所有路由getRoutes()调用报错_router.default.getRoutes is not a function
向着光芒的女孩
06-20 9206
调用getRoutes方法报错_router.default.getRoutes is not a function
微前端搭建记录
Beam
01-19 1811
主项目的搭建 一、创建主项目 vue create hello-main 二、安装qiankun npm install qiankun --save （注意：子项目无需安装qiankun） 其他常用组件的安装： npm install jsencrypt --save npm install element-ui --save npm install axios --save 三、创建vue.config.js配置对外访问的端口号 module.exports = { devServer: {
Vue3项目运行时报错误：TypeError：router.addRouters is not a function
小张同学的博客
09-17 3553
Vue3项目运行时报错误：TypeError：router.addRouters is not a function
day10
qq_44606064的博客
07-19 1357
微前端应用的打包，通过nginx部署
vue.global.js:1694 Uncaught TypeError: this.list.forEach is not a function
05-17
这个错误通常出现在你尝试在一个非数组对象上使用 `forEach()` 方法时。请检查你的代码，确保 `this.list` 是一个数组，并且已经正确定义和初始化。如果它不是一个数组，你可以尝试使用其他迭代方法，例如 `for...of` 循环或使用 `Array.from()` 方法将其转换为数组。如果你确定 `this.list` 已经是一个数组，那么请检查你的代码是否存在语法错误或逻辑错误，可能会导致该数组无效或未定义。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值