Uncaught TypeError: route.children.forEach is not a function

最新推荐文章于 2024-02-26 17:17:07 发布

suixinCJC

最新推荐文章于 2024-02-26 17:17:07 发布

阅读量410

点赞数

分类专栏：错误合集文章标签：前端 vue.js

本文链接：https://blog.csdn.net/suixinCJC/article/details/129051120

版权

错误合集专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在编写路由规则时遇到错误，原因是嵌套路由的children未用数组包裹。经过检查和修正，将children正确地包裹成数组后，问题得到解决。这是一个关于前端开发中处理路由配置的常见问题及解决方案的记录。

摘要由CSDN通过智能技术生成

今日在编写路由规则时，在嵌套的路由编写中，出现了以下的错误：

经检查发现是 children 没有进行数组包裹，修改后，就正常了。

于此做个记录

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

suixinCJC

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【项目复盘-vue2.0】router.addRoutes 报错TypeError: routes.forEach is not a function

Weiqian_的博客

08-02

6446

router.addRoutes 报错TypeError: routes.forEach is not a function

VUE项目bug总结

阿七的博客

08-29

当遇到这种错误时一般有两种情况，一种就是你没有定义该变量在data中。还有一种就是就是我的情况，这里先上代码这种情况识别不到this.list变量，可以用let that=this或者注意：这里的数组一定要用push，千万别用list[index]=.....,经本人实验，这种方法初始化页面识别不到（数据倒是有）。

1 条评论您还未登录，请先登录后发表或查看评论

关于获取到的DOM集合是伪数组的问题记录 ***children.forEach is not a function

A_Brave的博客

01-13

1509

报错 pointList.children是获取到父元素下的所有子元素集合，说这个集合没有forEach方法 pointList.children获取到的是HTMLCollection ，是一个伪数组，没有数组的方法可以使用Array.from()进行转换(或解构赋值) 转换之后就可以使用forEach：其他补充如下图，是使用document.querySelectorAll() 获取到的NodeList 对象集合和 HTMLCollection 对象类似，具有forEach方法，没有其他数组方

vue2报错Uncaught TypeError: routes.forEach is not a function怎么解决

最新发布

weixin_63477921的博客

02-26

1033

请确保在 Vue Router 的配置中使用了正确的路由数组。配置中是一个数组，这样就不会再出现。不是一个数组，而你尝试在其上调用。

【react】在react中祖父、父亲、孙子组件层层解构其余属性props时报错children.forEach is not function

hzxOnlineOk的博客

11-07

244

由于地址组件本身存在options，此时父组件又传递…otherProps，且解构了父级组件的otherProps，其中others解构后的属性就有options，因此产生了属性冲突，导致属性options被覆盖。

fwdwqdwq的博客

03-07

2933

HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f

web前端面试题（必背面试题）

Z_Gleng的博客

05-25

3万+

自己总结的常见的面试题总字数13万+ 大概有200+左右道题会不定期更新

2023前端二面常考面试题合集

loveX001的博客

01-09

626

因为浏览器出于安全考虑，有同源策略。也就是说，如果协议、域名或者端口有一个不同就是跨域，Ajax 请求会失败。为来防止CSRF攻击1.JSONPJSONP 的原理很简单，就是利用 < script > 标签没有跨域限制的漏洞。通过 < script > 标签指向一个需要访问的地址并提供一个回调函数来接收数据当需要通讯时。console . log(data) } JSONP 使用简单且兼容性不错，但是只限于 get 请求。2.CORSCORS 需要浏览器和后端同时支持。

vue -(问题系列) TypeError: routes.forEach is not a function

热门推荐

然而老干妈早就看穿了一切

03-08

3万+

问题原因：来源线索：https://ask.csdn.net/questions/710037 用户：qq_37744644的评论总结：添加一个符合routes的选项要求的数组。

Uncaught TypeError: route.children.some is not a function

pardon110的博客

06-09

2304

报错 Uncaught TypeError: route.children.some is not a function 分析开始判断some有可能被重写，于是全文检索并没有猜测children 子路由并有可能不是一个正常的数组，果然路由少写一对中括号

ztree node.children is not a function(Fuzzy Search)问题总结

nann-viiv 的博客

09-16

1713

最近使用ztree来完成树结构，真的超级超级好用，唯一就是卡在了模糊查询这个位置，上一下问题异常：找了好久，我确定已经引入exhide.js。错误信息提示：在调用showNodes时发生异常，看一下官方文档：对比一下我的引入：完全没有问题，看一下demo中执行成功的引用： ok，找到问题了，官方引用的是jquery.ztree.core.js，我引用的是jquery.ztree.all.min.js，官网中有写 all.js包括core.js，但是不知道为什么，如果引用all.js+exhi

造成 Uncaught TypeError: this.$children[0].xxx is not a function 错误的原因之一

qq_42490671的博客

12-14

2838

场景：父组件用$children调用子组件的showMessage方法时，控制台报错，显示showMessage不是一个方法 // 定义一个子组件 components: { cpn: { template: "#cpn" }, //这里是错误的 methods: { s

Uncaught (in promise) TypeError: res.forEach is not a function

weixin_45959563的博客

02-23

1万+

报错： forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意是数组，而不能直接遍历数组对象，我遍历了数组对象就出现了这个错误错误代码： let res=await this.$u.api.czhxcsk() res.forEach((e)=>{ this.listddl.push(e.hxddl) }) 因为返回的是promise对象，通过await解析成json，直接用foreach对对象进行遍历是不行的，res下的data才是数组改正后的代码： let

使用jquery插件autocomplete时候出现typeerror:this.source is not a function即与jquery的autocomplete冲突

AKmumu的专栏

08-28

9767

之前使用jquery的插件做的自动提示邮箱后缀，后来因需要在此页面增加弹出框，因而使用了jquery的dialog，在这里有之前功能引入的js文件：jquery.autocomplete.js，还有刚刚引入的jquery.ui文件，经查看这两个里面有冲突的内容，我的解决办法是把jquery里关于autocomplete的删去即可，可以搜索相关的，只有一段代码，删了就可以

antd Select组件 filterOption使用踩坑报（options.props.children.toLower.Case() is not funcrion）

从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！

12-03

1万+

antd Select组件 filterOption使用在使用antd Select组件的filterOption的踩坑。如下是官网给出的示例： <Select showSearch style={{ width: 200 }} placeholder="Select a person" optionFi

Uncaught TypeError: XXX is not a function的解决方法

m0_54066656的博客

03-13

2万+

Uncaught TypeError: XXX is not a function的解决方法

报错：xxx.foreach is not a function

世界和我们都不该止步于此

03-19

7048

意思是xxx调用了foreach, 但不是一个方法我们查看如下代码： var arr = [1, 2, 3]; arr.foreach(function (val) { console.log(val); }) Uncaught TypeError: arr.foreach is not a function Uncaught：未捕获到 TypeError：引用错误 arr.foreach is not a function： arr.foreach 不是一个方法那就是

Uncaught TypeError: data.forEach is not a function

07-28

如果你在使用 `data.forEach` 时遇到了 "Uncaught TypeError: data.forEach is not a function" 的错误，这意味着你尝试对一个非迭代对象使用 `forEach` 方法。这个错误通常发生在以下情况下： 1. `data` 不是一个数组或类数组对象。`forEach` 方法只能在数组或类数组对象上使用。确保 `data` 是一个数组或类数组对象。 2. `data` 是一个空对象或 `null`。`forEach` 方法只能在非空的迭代对象上使用。在使用 `forEach` 之前，确保 `data` 不是空对象或 `null`。如果 `data` 不是一个数组或类数组对象，你可以尝试使用其他方法来遍历它，例如 `for...of` 循环或 `Object.keys(data).forEach`。以下是一个使用 `for...of` 循环来遍历非迭代对象的示例代码： ```javascript function renderData(data) { var html = ''; for (var item of data) { html += '<div>' + item.name + ': ' + item.value + '</div>'; } dataContainer.innerHTML = html; } ``` 请确保 `data` 是一个正确的可迭代对象，以便正确地使用 `forEach` 或其他遍历方法。