Uncaught (in promise) TypeError: Cannot read property ‘tagName‘ of null

最新推荐文章于 2025-07-07 17:51:15 发布
最新推荐文章于 2025-07-07 17:51:15 发布
阅读量7k 收藏
点赞数 3
CC 4.0 BY-SA版权
文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tangxiaobao2016/article/details/113244227
本文介绍了解决React项目中Card组件加载时出现的TypeError错误的方法。该错误发生在加载状态由true变为false时，尝试读取空div的属性导致。解决方案是去除Card组件的loading属性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Uncaught (in promise) TypeError: Cannot read property ‘tagName’ of null

在这里插入图片描述
我的代码，是react项目在这里插入图片描述解决
报错的原因是找不到上层的div，生成处div为null， 我这里的Card组件，接受了一个loading属性，loading会由true变成false，在false的情况下，就会有上图的报错，所以这里 去掉loading属性即可

糖小宝2016
关注
Vue - 报错Uncaught (in promise) TypeError: Cannot destructure property ‘type‘ of ‘vnode‘ as it is null
🏆 前端领域优质创作者
04-24 1万+
vue2，vue3，Vue报错，vue 提示错误，vue TypeError: Cannot destructure property 'type' of 'vnode' as it is null.，vue控制台出现错误，vue运行报错，VUE启动报错，vue打包报错，vue切换页面报错，Vue突然报错，点击页面时报错，不定时报错，vue报错无法破坏“vnode”的属性“type”，因为它为null，vue项目如何解决报错，vue页面无法切换且报错，vue3报错，vue2报错，Vue表格报错，在 vue2
Vue3 - 解决报错 Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)
🏆 前端领域优质创作者
07-16 7091
vue3，nuxt3，无法读取null的属性（读取“insertBefore”），vue3insertBefore，报错，Uncaught(inpromise)TypeError:Cannotreadpropertiesofnull(reading‘insertBefore‘)，详细解决，v-if导致，v-show，渲染时报错，dom元素，改变时报错，组件，插件，vue版本升级，依旧报错，还是不行，改了还报错，点击按钮展示弹框报错，本地启动时，页面所有操作正常，显示正常；部署到生产环
Uncaught (in promise) TypeError: Cannot read property ‘$nextTick‘ of null
weixin_45966674的博客
08-16 290
这个问题比较类似于java的空指针异常 例如你想取 数组的7下标 但数组只有三条 显然 7下标是不存在的 所以就报错了 解决办法也比较简单 在使用下标前if判断一下是否存在就好了
Uncaught (in promise) TypeError: Cannot read property ‘catch‘ of undefined
khalil
06-25 739
说一个很奇怪的问题，就是大家应该都会碰到的[email protected] 以上的版本的重复点击路由的报错。 // 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(er
Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘slot‘)
最新发布
Kylin_Jiang
07-07 297
使用iframe，内嵌框架元素时；此时，删除template中所有的注释，即可解决错误。
Uncaught (in promise) TypeError: Cannot read property 'protocol' of undefined
lz的博客
03-20 5万+
关于axios的报错 解决方式 1.在main.js文件中引入 import axios from 'axios' 2.在main.js中使用，注意使用的写法 Vue.use(axios);使用 但是这里要说的是 这个报错 就是因为这个引入的方式而造成的。下面看正确的引入方式 Vue.prototype.$http = axios; ...
【Angular2】Uncaught (in promise): TypeError: Cannot read property 'id'
学习 - 总结 - 分享 - Francis
06-06 1万+
背景需要显示用户信息，用到了插值表达式和双向绑定 开始数据显示正常，但是浏览器一直报错，不知为何因为可以正常运行，所以就继续做 但是用到后台返回值来切换编辑状态的时候，什么都不显示 所以就得解决了这个问题问题ERROR Error: Uncaught (in promise): TypeError: Cannot read property ‘id’ of undefinedTypeError
解决Uncaught TypeError: Cannot read properties of null错误
weixin_48683052的博客
05-31 1万+
当在编写JavaScript代码时，经常会遇到Uncaught TypeError: Cannot read properties of null错误。本文将介绍这个错误的原因、常见的解决方法以及如何避免它的发生。
Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘xxx’)
2401_89806660的博客
06-11 735
使用ES2020 引入了可选链操作符（Optional Chaining Operator）。
vue报错：Uncaught (in promise) TypeError: Cannot read property ‘$message‘ of undefined
qq_45791799的博客
07-30 6620
今天项目搭建的时候遇到一个问题： Uncaught (in promise) TypeError: Cannot read property '$message' of undefined 看到这里我知道肯定是elementui的messagebox组件出现了问题，查看elementui的官方文档， 全局方法 如果你完整引入了 Element，它会为 Vue.prototype 添加如下全局方法：$msgbox, $alert, $confirm 和 $prompt。因此在 Vue instance 中
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`...
ArcGIS API for JS Uncaught (in promise) TypeError: Cannot read property 'name' of undefined
09-16 2025
错误截图： 出错的代码片段： L.set({ field: x, config: G, feature: p, group: null, layer: C, value: f.getValue(x.name) }); 错误原因：fieldConfig中的字段名称和源文件中的字段名不一致 ...
Uncaught TypeError: Cannot read property 'getElementsByTagName' of null
u010289760的博客
11-21 1万+
在做一个一个tab选项卡时，在window.onload中获取几个参数，代码为：              //获取鼠标滑过或点击的标签和内容的元素     var titles=$('notice-tit').getElementsByTagName('li'),    divs=$('notice-con').getElementsByTagName('div'); 结果报错：Unca
Uncaught (in promise) TypeError: Cannot read property 'getAttribute' of null
haowei82的博客
10-14 5077
原因：在实例化前打印console.log(document.getElementById('main')) 查看页面是否存在HTML元素 解决方案一：延迟加载 setTimeout(() => { this.getChart(); }, 1000); ...
Cannot read property 'getElementsByTagName' of null解决办法
IT界幼稚生的博客
11-12 1万+
问题： 在浏览器中调试js代码出现“Cannot read property 'getElementsByTagName' of null”错误。 解决方法： 使用xxx.getElementsByTagName需要给xxx添加一个id属性。 ...
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
理论都是虚的，代码才是王道。
11-10 12万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
关于Uncaught TypeError: Cannot read property 'XXX' of null 问题解决
RainStorm博客
09-09 7万+
由于后端传输json数据问题，导致json中某个字段的值不确定是否存在，所以报下错 错误的大意是，无法将null的manufatureName字段读取出来。 解决思路，先将每一行的list转成json，再判断这个json中是否存在（目标）索引 var jsonObj = JSON.stringify(historyList[i]); var manufactureName_s ...
【报错解决】Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘tableId‘)
weixin_56205895的博客
05-25 2007
el-table不小心变成了el-table-column导致报错，改回即可。
vue3打包后报错Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘nextSibling‘)
qq_43176127的博客
03-31 1267
解决vue3报错Uncaught (in promise) TypeError: Cannot read properties of null (reading 'nextSibling')
Uncaught (in promise) TypeError: Cannot read property 'name' of undefined
08-31
- *1* *3* [【vue】ERROR Error: Uncaught (in promise): TypeError: Cannot read property ‘name‘ of undefined](https://blog.csdn.net/qq_39273423/article/details/116057519)[target="_blank" data-report-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值