Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘map‘)报错

已于 2022-02-11 23:27:07 修改
阅读量9.8k 收藏
点赞数
文章标签： javascript
于 2022-02-08 20:34:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/world12312312/article/details/122830777
版权
这篇博客讨论了在遇到接口返回空值时，JavaScript 中数组的 .map 方法会抛出错误的问题。作者通过在调用 .map 前添加 || [] 进行兼容性处理，确保了即使数据为空也能正常处理。文章提醒开发者在处理可能为空的数组时要注意此类兼容性问题。
摘要由CSDN通过智能技术生成

今天工作时碰到这个报错，排查了一下，发现是.map不能映射null，

表格数据在刚进入页面没有选择参数时接口传过来的空值

兼容一下即可

//数组可能为空，无法map，加上 || [] 兼容即可
          this.tableData = (res.data.data || []).map

故居风
关注
Vue3 - 解决报错 Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)
王佳斌
07-16 3265
vue3，nuxt3，无法读取null的属性（读取“insertBefore”），vue3 insertBefore，报错，Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)，详细解决，v-if 导致，v-show，渲染时报错，dom元素，改变时报错，组件，插件，vue版本升级，依旧报错，还是不行，改了还报错，点击按钮展示弹框报错，本地启动时，页面所有操作正常，显示正常；部署到生产环
Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)解决
weixin_45337447的博客
05-31 551
原因：fromData里面的数据是接口返回的，页面按钮已经加载完毕，接口没有返回数据时候，不会报错，但是一旦返回数据，链式找不到父节点控制台就会报错。解决方式： 不能用v-if,用v-show代替，判断表达式前确保上一层有数据。
TypeError: Cannot read properties of undefined (reading ‘scrollIntoView‘)（已解决）
最新发布
不起眼小菜菜的博客
08-16 430
注释很详细，直接上代码……
Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘brands）
qq_59294119的博客
04-26 5268
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'brands）
【报错解决】Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘tableId‘)
weixin_56205895的博客
05-25 1324
el-table不小心变成了el-table-column导致报错，改回即可。
关于控制台输出Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore‘)
qq_32154641的博客
04-26 2万+
这是我自己写代码的时候出现的一个问题，就是当我用elementUI组件，使用下拉框el-select来展示数据的时候，第一次输入，下拉列表出现，你选择一个是正常的，然后你继续选择的时候，当你的鼠标移到这个下拉框上的时候，控制台就报错Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘insertBefore’)，截图如下 然后我看了这个错误看半天，表示自己从没在代码中有写过这些，然后我就去自己百度了下，百度说出现
web前端Vue 报错：Uncaught (in promise) TypeError: Cannot read properties of nu
吕氏春秋i
09-08 4万+
最近在写vue项目 在写自定义分页器的时候报了一个异常 知道错误却一直找不到解决方案苦思冥想后 还是js的基础语法不扎实导致的，在此记录一下解决方案和思路为以后的bug解决之路打下基础学习之路 永无止步记录当下，保持一颗向上的心态~!
【无标题】Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘tableId‘)
fairy_zhong的博客
08-09 1551
Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘tableId’)解决办法。
Map.vue:175 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'name')
08-31
这个错误信息"Map.vue:175 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'name')"表示在Map.vue文件的第175行发生了未捕获的类型错误，尝试读取了一个空对象的属性"name"。...
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'map')
06-11
这个错误通常意味着你尝试在一个空对象上调用 `map` 方法。你可以检查一下你的代码，看看是否有可能在某处未正确地初始化一个对象。或者，你可以在调用 `map` 方法之前添加一些条件检查，确保对象不为空。例如，你...
cart.vue:123 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'map')
08-17
这个错误通常发生在你尝试对一个 null 或 undefined 值使用 map 函数时。在你的情况下，它发生在 cart.vue 文件的第 123 行。导致这个错误的原因可能是你在使用 map 函数之前没有正确地初始化或赋值相关的变量。 要...
util.ts:58 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'map')
08-30
这个错误通常是因为你尝试在一个值为 null 的对象上使用 map 方法。map 方法是数组的方法，不适用于 null 或 undefined。请确保你正在正确地处理异步操作的结果，并检查相关的对象是否为 null。如果可能的话，可以...
HeaderNotice2.vue:159 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'map')
08-17
在 JavaScript 中，null 值无法进行 map 操作，这会导致 TypeError。 要解决这个问题，你可以在执行 map 操作之前，先确保该值不为 null。你可以使用条件语句或者可选链操作符（optional chaining）来处理这种情况...
解决Uncaught TypeError: Cannot read properties of null错误
weixin_48683052的博客
05-31 4173
当在编写JavaScript代码时，经常会遇到Uncaught TypeError: Cannot read properties of null错误。本文将介绍这个错误的原因、常见的解决方法以及如何避免它的发生。
Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘length‘)
weixin_57167969的博客
11-03 4万+
报错：Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘length’) 造成的问题：因为不能识别请求的数据为null时，对结构布局也会产生影响，造成结构布局混乱 解决：因为是不能识别null，所以在页面做判断时，可以把null这个情况给考虑一下，我的解决方法就是使用符号：&& 多判断一层 ...
TypeError: Cannot read properties of null (reading ‘map‘)
m0_73266749的博客
02-23 2541
TypeError: Cannot read properties of null (reading 'map')
Error in callback for watcher “fileList“: “TypeError: Cannot read properties of null (reading ‘map‘)
weixin_47746653的博客
08-30 3136
Error in callback for watcher "fileList": "TypeError: Cannot read properties of null (reading 'map')
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
热门推荐
奇妙的Bug之旅
11-10 9万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值