[Vue warn]: Error in render: “TypeError: Cannot read property ‘children‘ of null“

最新推荐文章于 2023-08-02 14:12:03 发布
最新推荐文章于 2023-08-02 14:12:03 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： ant design vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43244452/article/details/109721389
版权
在项目开发中遇到Antdesign表格TypeError：无法读取未定义的属性“children”，经排查发现数据数组首元素为null。通过使用filter过滤空对象，解决了问题。此篇博客揭示了解决过程及新学到的知识。
摘要由CSDN通过智能技术生成

在做项目的时候Ant design 表格报错：TypeError: Cannot read property ‘children’ of undefined（无法读取未定义的属性“ children”），本来以为是组件中的问题，但是在组件中没有用到children，所以我陷入了沉思。后来打印了获取的数据，发现是数组的第一个值为null造成的
在这里插入图片描述

于是用filter过滤数组中的空对象

let data = data.filter(v =>v);

成功解决，又是get新知识的一天

chaseClo
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Vue中报错Error in callback for watcher “data“: “TypeError: Cannot read property ‘children‘ of null“
JAVA_ZHZ的博客
12-17 2万+
今天用vue做查询的时候，查询数据库中存在的数据正常，查询空数据就是出现下面报错： 然后我就想到没有做非空判断导致的，我就在代码上加入了判断，如下： if (data && data.code === 0 && data.user !== null) { this.dataList = data.user; this.totalPage = data.user.totalCount; } 结果还是不行，后
vue报错 Uncaught TypeError: Cannot read property ‘children ’ of null
dongjiong0213的博客
06-23 1690
Uncaught TypeError: Cannot read property ‘children ’ of null ratings未渲染完毕，就跳走goods了，取消默认跳转，即可 转载于:https://www.cnblogs.com/qingqingzou-143/p/7069009.html...
ExtJS-Cannot read property 'childNodes' of null
qq_33571718的博客
10-25 892
在使用ExtJS开发grid表格时，其中有一列嵌入了combo组件；代码如下： { xtype: 'gridcolumn', menuDisabled: true, sortable: false, align: 'center', dataIndex: 'goodsNam...
Error in nextTick: "TypeError: Cannot read property 'children' of undefined" 解决
热门推荐
Yuval的博客
02-26 2万+
报错 Error in nextTick: "TypeError: Cannot read property 'children' of undefined" 解决：加一个判断 if (数据存在)，再执行this.nextTick()方法
vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
weixin_44021888的博客
02-02 4380
vue中报错 “TypeError: Cannot read properties of null (reading ‘forEach‘)“
【uniapp 报错 Cannot read properties of null (reading ‘offsetWidth‘)解决办法】
前端-CV全粘工程师
08-02 4753
如果无法确定元素的父节点是否已经加载完成，可以使用nextTick方法来确保操作在下一次DOM更新周期中进行。在该示例中，通过设置parentLoaded状态来确认父节点已经加载完成，然后在child元素中进行操作。在该示例中，nextTick方法确保操作在下一次DOM更新周期中进行，从而避免了元素未加载完成的问题。检查代码中是否有访问了空值的情况，比如变量未初始化或者传入了空值参数或者事件未定义。在该示例中，使用了v-if指令来确保show为真时才进行操作。在操作元素之前，确保元素已经被正确加载。
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
ERROR TypeError: Cannot read property 'tapPromise' of undefined TypeError: Cannot read property 'tapPromise' of undefined at /data/rondir/jenkins/workspace/iot-core-web-test/node_modules/compression-...
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
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>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
本文将重点讲解如何解决Vue项目中出现的这个报错问题。 首先，我们分析错误产生的原因。在提供的描述中，作者提到是因为频繁更换网络环境，导致需要在`package.json`的`dev`脚本中更改`--host`参数。在开发过程中，...
解决uni-app报错Cannot read property ‘length‘ of undefined
Lcynsyw的博客
02-02 2899
解决uni-app报错Cannot read property 'length' of undefined
TypeError: Cannot read property 'children' of undefined 八成是没判空惹的锅~
Jane_96的博客
09-26 1万+
Ant design 表格报错：TypeError: Cannot read property 'children' of undefined 这个报错表明表格中给的columns或者data有问题，比如columns为空，或者data里面有格式不对的数据（某一行数据为undefined） 我排除了一下代码报错的原因，就是因为有一行数据为undefined。。所以报错了。在对后端返回的数据进行格式...
JsTree树不出来 报Uncaught TypeError: Cannot read property 'children' of undefined
wengyupeng 蜗牛一步一步向前。。。
08-28 1万+
1、 问题 JsTree树不出来，从chrome console 看到 Uncaught TypeError: Cannot read property 'children' of undefined 2、code 和后台json数据 问题出自 黄色部分 ---------------------------------------Code---------------...
Uncaught TypeError: Cannot read property 'appendChild' of null
sinat_32017511的博客
01-28 1万+
报错 Uncaught TypeError: Cannot read property 'appendChild' of null  突然之间发现这个错误，可能以前也没怎么注意过，然后找到了问题，记录一下。 通过查找原因发现是由于获取不到插入的节点 出现这种情况的原因：获取节点时，节点还没加载 如：js写在head里面，取body里面的某一节点，这时候是取不到的。  解决方法：把JS代码...
Cannot read property 'root' of null 解决方法
NSNirvana的博客
09-28 1万+
Cannot read property 'root' of null 解决方法
vue下页面报错解决1.Cannot read property 'temp' of null"
OnismYY的博客
02-13 9134
我的环境 电脑系统Ubuntu，vscode编辑器 项目是使用vue-cli搭建的脚手架，文件名后缀均为.vue 使用vuetify框架 vue从后台获取到数据并已渲染元素但还是报null错误 无论删除哪条报错的数据，处在第一条数据永远在报错 源代码页面 我的初始赋值的deviceLatestValue是null，初始渲染读取deviceLatestValue.temp当然是Cannot re...
[Vue warn]: Error in render: "TypeError: Cannot read property 'slice' of undefined"
最新发布
08-25
- *2* *3* [[Vue warn]: Error in render: "TypeError: Cannot read property 'slice' of undefined" found in](https://blog.csdn.net/dianwan5205/article/details/102082506)[target="_blank" data-report-click=...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值