TypeError:Cannot read properties of undefined（reading XXX）

最新推荐文章于 2024-08-01 09:07:09 发布
最新推荐文章于 2024-08-01 09:07:09 发布
阅读量4.5w 收藏 1
点赞数 4
分类专栏： 前端 React Bug set 文章标签： oracle 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45812488/article/details/121420652
版权
前端 同时被 3 个专栏收录
59 篇文章 3 订阅
订阅专栏
Bug set
29 篇文章 0 订阅
订阅专栏
React
18 篇文章 0 订阅
订阅专栏

问题描述

我们在GetNav方法中使用map遍历数组为每一个元素动态生成一列数据,并为每一列数据加上onClick事件，运行报错updateRoute为undefined

在这里插入图片描述
在这里插入图片描述

问题分析

map里面的function声明，这种声明方式因为是独立执行，在严格模式下this指向undefined
经过验证，打印出来的this确实为undefined
因此修改map里面的name方法为箭头函数即可解决问题

return arr.map((item)=>{……})

问题总结

本文归根结底为this指向的问题。

可参考 关于this指向的深刻理解以及重写call/apply/bind

辰九九
关注
专栏目录
Vue - Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘) 项目运行时报错，详细解决方案
王佳斌
11-07 6887
vue2，Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')，vue2怎么解决npm run serve时的Cannot
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘XXX‘)解决办法
Drawing stars的博客
04-29 4万+
控制台报错如下： 错误产生的原因是前端需要展示的数据或v-model绑定的数据此时还未从后端读到。 我这里是在data里面有一个questionList[]，用来接收从后端传来的question对象，页面中部分组件绑定了questionList数组里的对象的属性（question.myAnswer），但时此时这个数组里没有对象，更没有对象的属性，故页面虽然能在获取到数据后正常展示，但是在此之前控制台会先报错。 部分界面如图： 对应vue代码如下 <!--作业问题 --> <div
TypeError: Cannot read properties of undefined (reading ‘state‘)
有趣
07-19 33万+
写个刚好写个项目中要用到vuex在app里面挂载了一个player组件 main.js里也引用了这个store文件但报了一个Error in render: "TypeError: Cannot read properties of undefined (reading ‘state’) import Store from './store/index' import Vue from 'vue' import App from './App.vue' import router from './route
TypeError Cannot read property ‘getUserMedia‘ of undefined
最新发布
weixin_48435461的博客
08-01 357
使用Chrome参数开启可以解决这个问题，在浏览器框中输入下述代码。将你需要访问的IP填入后重启浏览器，就能解决报错。所以直接访问ip地址会出现报错。localhost正常访问。
深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章
奇妙的Bug之旅
11-10 9万+
Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。
Error in render: TypeError: Cannot read properties of undefined (reading‘‘)
qq_45796592的博客
04-18 4123
Error in render: TypeError: Cannot read properties of undefined (reading' ')报错解决
Uncaught Invalid geoJson format TypeError: Cannot read properties of undefined (reading ‘length‘)
weixin_39983904的博客
10-29 2257
乡镇、街道使用echart时报错解决，在echart.js中找到函数parseGeoJSON，用下边的将其替换即可 function parseGeoJSON(geoJson, nameProperty) { geoJson = decode(geoJson); return map(filter(geoJson.features, function (featureObj) { // Output of mapshaper may have geometry nul
TypeError: Cannot read properties of undefined (reading includes'
01-06
TypeError: Cannot read properties of undefined (reading 'xxx') 是JavaScript中常见的错误，它表示在尝试读取一个未定义的属性时发生了错误。这通常发生在对象或数组中，当你尝试访问一个不存在的属性或索引时会...
TypeError: Cannot read properties of undefined (reading 'xxx')
08-29
当控制台报错"TypeError: Cannot read properties of undefined (reading 'xxx')"时，这意味着你正在尝试读取一个未定义的属性。这可能是因为你正在访问一个对象或数组的属性，但该对象或数组为undefined或null。 ...
TypeError: Cannot read properties of undefined (reading ‘xxx‘)
08-29
“TypeError: Cannot read properties of undefined (reading 'xxx')”错误通常发生在试图访问一个未定义或不存在的属性时。这个错误可能是因为该属性所属的对象未定义，或者该属性不存在于对象中。根据引用和引用，...
TypeError: Cannot read properties of undefined (reading 'setAttribute')
01-28
在前端开发中，当出现"TypeError: Cannot read properties of undefined (reading 'xxx')"错误时，通常是因为尝试读取一个未定义的属性。这个错误可能会在访问对象的属性或方法时发生。下面是一些解决这个错误的方法...
前端解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)的多种情况
热门推荐
sunwenpinglike的博客
03-21 35万+
例如：TypeError: Cannot read properties of undefined (reading '$el') at eval。
前端错误 “TypeError Cannot read properties of undefined (reading ‘xxx‘)
ShirleyZ1007的博客
03-03 4099
我们在使用{{tableData.detail}}是不会报错的，但如果是{{tableData.detail.name}}这样就会报错了，这是为什么呢？因为，tableData.detail已经是一个undefined了，你undefined.name就肯定会报错了。异步请求获取数据时，由于数据时异步获取的，所以一开始是没有该数据属性，这种情况下也会报这种错误。出现该错误的原因是因为你花括号中的某些属性未定义。使用$nextTick,刷新表格的时候，表格未自定义属性，或自定义属性引用错了。
vue-loader TypeError: Cannot read properties of undefined (reading ‘styles‘)
qq_56313338的博客
12-31 1021
vue-loader TypeError: Cannot read properties of undefined (reading 'styles')
TypeError: Cannot read properties of undefined (reading ‘style‘)
M40153c的博客
12-17 885
Cannot read properties of undefined
Syntax Error: TypeError: Cannot read properties of undefined (reading ‘styles‘)
朱晓龙的博客
12-01 2761
Syntax Error: TypeError: Cannot read properties of undefined (reading 'styles')
TypeError: Cannot read properties of undefined (reading ‘styles‘)
splitSecond的博客
05-24 1017
默认安装vue-loader到最新版本。把vue-loader降级到15版本。
解决:Uncaught TypeError: Cannot read properties of undefined (reading ‘props‘)
Trsunny_的博客
11-11 5万+
今天在react中子父传参里, 点击按钮向父组件传递信息时出现了这个错误如图:↓ 这个问题很明显, 从字面意思看就是props前面的这个值没有找到, 然后看源码里面, 前面是个this, 如下图: 也就是在点击下面的button按钮时, 本来应该执行上面的sendMessage, 将父组件内容改掉, 可是却没有找到props前面的this, 然后测试在sendMessage方法中直接打印this , 发现是 undefined, 也就是说根本就没有this, 当然无法调用this里面的props
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值