React踩坑日记React启动后报错TypeError Cannot read properties of undefined (reading ‘forEach‘)

最新推荐文章于 2024-05-31 17:40:50 发布
最新推荐文章于 2024-05-31 17:40:50 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： 前端 html 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/embelfe_segge/article/details/123258847
版权
前端 同时被 2 个专栏收录
86 篇文章 8 订阅
订阅专栏
html
86 篇文章 0 订阅
订阅专栏

前言今天创建新项目运行后又出现这个问题了，之前也出现过，觉得是很正常的情况，不过我今天发现还有许多朋友不知道这个问题的解决方法，特地来记录一下。

话不多说 上图:
在这里插入图片描述
这个情况呢是由于你的浏览器安装了React-DevTools扩展程序的原因，安装这个东西是为了方便我们查看React元素和编译之后的一些代码，很多朋友是直接删除了，但是这不就等于是壮士断腕了嘛。解决方法如下:

1.进入项目中按照路径找到相应的文件
/node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js

2.
注释后重新npm start 报错解决的同时React-DevTools也能用

在这里插入图片描述

embelfe_segge
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
React踩坑日记（1）- 箭头函数后面的大括号带还是不带呢？
01-07
一、用箭头函数写了一个遍历组件的方法 今天copy的时候发现了一个问题，代码如下： /** * @Description: * @param {e} 数组 * @param {Panel} const { Panel } = Collapse; antd的折叠面板组件 ...
webpack4:Webpack4 + Typescript + React 踩坑配置之旅
04-25
Webpack 4 搭配 TypeScript 和 React 的配置过程是一次技术深度探索，旨在优化前端开发环境，提升项目构建效率和代码质量。以下是对这个主题的详细解析： **Webpack 4 知识点** Webpack 4 是一个模块打包工具，它...
搭建react项目遇到的问题2022
lyd的博客
11-13 5663
最新搭建react项目踩坑
关于react出现Cannot read properties of undefined (reading ‘forEach‘)的解决方案。
唐家小妹的博客
04-28 7886
之前在谷歌浏览器安装了react插件，用作react项目调试用，但是没成想，谷歌浏览器上报了这样的错误。 我寻找了很多答案，有的说将这个注释掉。我试了没有效果。 然后有人说，把react插件关闭，不就可以了。确实react插件关闭了，报错就没有了，但是做项目需要调试呀。所以最终找了以下这个解决方案： 非官方下载crx文件 下载地址：Download React Developer Tools 4.24.3 CRX File for Chrome - Crx4Chrome 下载了4.10.
解决Uncaught TypeError: Cannot read properties of null错误
最新发布
weixin_48683052的博客
05-31 2310
当在编写JavaScript代码时，经常会遇到Uncaught TypeError: Cannot read properties of null错误。本文将介绍这个错误的原因、常见的解决方法以及如何避免它的发生。
解决React中路由跳转报错:Cannot read property ‘push’ of undefined
m0_60746894的博客
08-10 1203
React中路由跳转报错: 页面在Router中配置了,但组件无法使用 this.props.history.push() 进行跳转,并且会出现报错：Cannot read property ‘push’ of undefined 得到 push of undefined 的报错因是为组件并没有使用 history 的能力 解决方案: 1)给组件添加路由 //引入withRouter import {withRouter} from 'react-router-dom' class Subject ext
react跳转路由报错Cannot read property ‘push’ of undefined
大师兄
04-23 2万+
原文链接:https://dsx2016.com/?p=470 ➢ 跳转路由 /path是要跳转的路径 this.props.history.push(`/path`); ➢error 当点击跳转的时候,控制台报错 Cannot read property 'push' of undefined ➢ 问题 本次遇到的问题是在首页home点击子组件bottomBar的...
react 路由跳转报错TypeError: Cannot read property ‘props‘ of undefined
weixin_46264539的博客
05-22 1205
react 路由跳转报错TypeError: Cannot read property ‘props’ of undefined handleGoReg() { console.log(this.props); this.props.history.push("./register") } 原因是没有给函数绑定this，函数内部引用this的时候无法解析出this，也就得不到this的属性props了。 解决方法1：在组件的构造函数constructor中添
npx create-react-app xxx创建项目报错的解决办法
11-21
手头有一台大学时代的Windows电脑，它此前没有装过create-react-app，只装了node环境。版本信息：node -> 10.16.3，npm -> 6.9.0。前几日闲的无事想给它装个React，结果失败了，报了错，所以有了下面这出。 安装过程...
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`...
报错记录 | Error: Cannot find module ‘react-dev-utils/crossSpawn’
01-07
Error: Cannot find module 'react-dev-utils/crossSpawn' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15) at Function.Module._load (internal/modules/cjs/loader.js:562:25) ...
React踩坑日记:React启动后报错TypeError: Cannot read properties of undefined (reading ‘forEach‘)
顾风的博客
10-22 2万+
前言今天创建新项目运行后又出现这个问题了，之前也出现过，觉得是很正常的情况，不过我今天发现还有许多朋友不知道这个问题的解决方法，特地来记录一下。 话不多说 上图: 这个情况呢是由于你的浏览器安装了React-DevTools扩展程序的原因，安装这个东西是为了方便我们查看React元素和编译之后的一些代码，很多朋友是直接删除了，但是这不就等于是壮士断腕了嘛。解决方法如下: 1.进入项目中按照路径找到相应的文件 /node_modules/@pmmmwh/react-refresh-webpack-plug
Cannot read properties of undefined (reading ‘forEach‘)
前端学习笔记
03-27 720
执行程序前做校验，或者使用默认值语法。类型，建议检查下代码。
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这个情况给考虑一下，我的解决方法就是使用符号：&& 多判断一层 ...
vuejs2.0 提示Cannot read property 'push' of undefined
yyjourney的博客
12-13 2万+
在进行手动访问页面的时候，出现这种报错，于是进行路径的检查。app.vue结构： <div id="app"> <m-header></m-header> <router-view></router-view> </div>m-header.vue文件：<button @click="surf">漫游</button> methods: { // 这是是封装的手动
React使用typescript
Mia的博客
07-29 829
react 使用typescript
js中控制台报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘appendChild‘)
qq_56715703的博客
11-23 2万+
得知：在代码执行前的预加载中是先把函数bindData(classList)调用，之后才定义了课程，所以在函数bindData中最后一行的kecheng还未定义。从上图可以看出，我把获取元素写到了调用方法的后面，且报错时提示的行数对应的内容是：kecheng.appendChild(div);意思是：未捕获的类型错误: 无法读取未定义的属性(读取‘ appendchild’)也就是说，你在使用appendChild时的父元素上没有这个属性，所以没法使用。此时我的js代码为：（只展示引起错误的部分）
解决Vue3报错：app.js:314 Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)
m0_61973028的博客
11-03 1121
app.js:314 Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')解决方案，可能是配置的。
react报错index.jsx:8 Uncaught TypeError: Cannot read properties of undefined (reading ‘map‘)
weixin_45866961的博客
10-06 1328
在react时使用map遍历数组报错index.jsx:8 Uncaught TypeError: Cannot read properties of undefined (reading 'map')
× React启动报错TypeError: Cannot read properties of undefined (reading 'forEach')
08-22
总结起来，解决React启动报错TypeError: Cannot read properties of undefined (reading 'forEach')的方法包括： 1. 检查是否安装了React开发工具，如果安装了可能会导致该报错，在谷歌浏览器中可以尝试将相关代码行...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值