轻松定位解决“TypeError: Cannot read properties of undefined (reading ‘xxx‘)“

已于 2022-12-04 14:08:42 修改
阅读量3.1w 收藏 8
点赞数 6
文章标签： 前端
于 2022-12-04 13:54:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50768156/article/details/128171769
版权

我们在编写代码的过程中经常会遇到以下问题:

 //遇到此类问题我们要知道它大概的意思,意识就是你本身的这个对象就是undefined,然后在.xxx,肯定是拿不到相应的数据(即undefined身上没有.xxx),因此就会产生此错误.

首先定位到 .xxx前面位置,去仔细检查一下看看是不是前边的单词有错误,或者.的时候多或少了一层.

如果检查完毕都没有错误,也有一种情况会出现这种情况(假报错),就是当你获取服务器返回的数据时,服务器没有响应回来,此时你没拿到数据 ,所以在.xxx也会报错.

此时可以在你接受服务器返回数据的地方这样写(例如:(this.role.list ||{}).xxx),||一个空对象,从而保证即使数据没回来也是有一个对象,这样可以解决了

前端有话说
关注
  • 6
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
解决jquery插件：TypeError:$.browser is undefined报错的方法
10-23
为大家分享了一个解决jquery插件：TypeError:$.browser is undefined报错的方法，解决报错问题的方法也很简单，需要解决此类问题的朋友不要错过这篇文章。
Python库 | photon-1.1.6.tar.gz
05-20
资源分类：Python库 所属语言：Python 资源全名：photon-1.1.6.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
Vue绑定对象中的对象时报错不存在，“TypeError: Cannot read properties of undefined (reading...
Hamburg520的博客
12-10 1317
触发情景：原先我在请求接口拿到数组后，通过匹配值将某一下标的内容赋值给data里的doctor对象，但是由于我给doctor初始为{}，而在页面代码中我想用到doctor.dot.avatar,发现一直报错，此处我在想，明明我请求接口拿到的数据，dot里的avatar是有值的，为什么会一直报错？
vue3报错：‘defineProps‘ is not defined，‘defineExpose‘ is not defined。
weixin_56728548的博客
06-20 1万+
vue3.0语法与3.2语法
ERROR TypeError: Cannot read property ‘tapPromise‘ of undefined
最新发布
猫晨的技术小屋
05-16 644
解决webpack与compression-webpack-plugin版本冲突的问题。
报错TypeError: Cannot read properties of undefined (reading ‘_normalized‘)
weixin_44916824的博客
11-16 7575
vue-router.esm.js?8c4f:1000 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘_normalized’) at normalizeLocation (vue-router.esm.js?8c4f:1000) at Object.match (vue-router.esm.js?8c4f:1586) at VueRouter.match (vue-router.esm.js?
解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误
AiHongHong_的博客
02-16 1万+
解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误
解决 Cannot read properties of undefined类型的报错
热门推荐
weixin_43706224的博客
03-13 2万+
报错类型一般为两种对象类型对象没有数据的时候为undefined 这个时候访问内部内容就会报错举个例子正常情况 对象有值的时候var obj={name:‘张三’,age:18}#此时对象有数据访问不会报错123对象没值的时候var obj={}#就会报错 Uncaught SyntaxError: Unexpected token ‘.’#表示空对象{}不能使用.1234对象为undefined的时候。
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-...
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....
解决Python 异常TypeError: cannot concatenate str and int objects
01-20
TypeError: cannot concatenate ‘str’ and ‘int’ objects print str + int 的时候就会这样了 python + 作为连接符的时候，不会自动给你把int转换成str 补充知识：TypeError: cannot concatenate ‘str’ and ...
【BUG】TypeError: Cannot read properties of undefined (reading ‘__ob__‘)
BitterSugar的博客
03-23 2279
问题描述 提示：这里描述项目中遇到的问题： 页面跳转时报错：TypeError: Cannot read properties of undefined (reading '__ob__') 问题代码： export default ({ name:'Login', data:()=>{ }, }) 原因分析： 跳转页面中的data 没有return 解决方案： 检查两个页面的data是否写了return，添加以下代码解决： export default ({ .
Uncaught TypeError: Cannot read properties of undefined (reading ‘state‘)
weixin_40945354的博客
10-24 3261
Uncaught TypeError: Cannot read properties of undefined (reading ‘state’) 为啥
Vue中在使用router-link报Cannot read property '_normalized' of undefined
圆静居士的专栏
01-09 1万+
vue.esm.js?efeb:1897 TypeError: Cannot read property '_normalized' of undefined at normalizeLocation (vue-router.esm.js?fe87:1295) at VueRouter.resolve (vue-router.esm.js?fe87:2622) at Vu...
Vue 报错 Cannot read properties of undefined (reading ‘parseComponent‘)
qd1014751893的博客
10-16 1351
Cannot read properties of undefined (reading ‘parseComponent‘) 报错解决办法
完美解决 Compiled with problems: × ERROR Cannot read properties of undefined (readin
全栈技术分享，项目分享，资料分享
04-04 1万+
启动vue ui 使用npm run serve编译启动时 , 出现以下问题:xERROR) at) at fn () at) atat.O () at。
Vue3.0.0、VueCLI4.5.0启动运行时报错Cannot read properties of undefined (reading ‘NormalModule‘)解决方法
QC班长的博客
01-25 1万+
最近升级前端框架尝鲜，用VueCLI4.5.0脚手架工具创建项目，然后在开发工具中把项目的node_modules文件夹删除，package-lock.json文件删除后，重新npm install，没什么问题。然后启动就报错了ERRORTypeError: Cannot read properties of undefined (reading 'NormalModule') NormalModule属性未定义，缺少了某些了依赖 然后只能用排除法逐个排出问题，我又用了vue脚手架vue c..
TypeError: Cannot read properties of undefined (reading includes'
01-06
TypeError: Cannot read properties of undefined (reading 'xxx') 是JavaScript中常见的错误，它表示在尝试读取一个未定义的属性时发生了错误。这通常发生在对象或数组中，当你尝试访问一个不存在的属性或索引时会出现这个错误。 以下是一个例子来演示这个错误： ```javascript let obj = { name: 'John', age: 25 }; console.log(obj.address); // TypeError: Cannot read properties of undefined (reading 'address') ``` 在这个例子中，我们尝试访问一个不存在的属性`address`，因此会抛出TypeError错误。 解决这个错误的方法有几种，具体取决于你的使用场景和代码逻辑。以下是一些常见的解决方法： 1. 使用条件语句检查属性是否存在： ```javascript if (obj.address) { console.log(obj.address); } else { console.log('Address is undefined'); } ``` 2. 使用逻辑与运算符（&&）来检查属性是否存在： ```javascript console.log(obj.address && obj.address); ``` 3. 使用Optional Chaining（可选链）操作符（?.）来避免错误： ```javascript console.log(obj.address?.city); ``` 以上是解决TypeError: Cannot read properties of undefined (reading 'xxx')错误的一些方法，具体的解决方法取决于你的代码逻辑和需求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值