react中 Uncaught TypeError: Cannot read property ‘forEach‘ of undefined

最新推荐文章于 2021-05-04 21:29:11 发布
最新推荐文章于 2021-05-04 21:29:11 发布
阅读量2.8k 收藏 2
点赞数 6
文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47023786/article/details/109485077
版权

react 小问题分享
今天项目启动后报错，报错信息如下

react-refresh-runtime.development.js:465 Uncaught TypeError: Cannot read property 'forEach' of undefined
    at Object.injectIntoGlobalHook (react-refresh-runtime.development.js:465)
    at Object../node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js (ReactRefreshEntry.js:8)
    at __webpack_require__ (bootstrap:851)
    at fn (bootstrap:150)
    at Object.1 (index.js:70)
    at __webpack_require__ (bootstrap:851)
    at checkDeferredModules (bootstrap:45)
    at Array.webpackJsonpCallback [as push] (bootstrap:32)
    at main.chunk.js:1

解决方法就是关闭掉安装的react插件

莫问红尘事
关注
  • 6
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
webpack-react-template:只是一个简单的React设置
07-17
网络包模板准系统设置包括： 用于 es2015/jsx 编译的 babel 热组件重新加载eslint（AirBnB 风格指南） npm start将在localhost:8080启动一个开发... npm build将在生产模式下丑化包（这将触发 React 的生产模式）。
React:学习React:sparkles::shooting_star:
05-24
创建React应用的命令 :writing_hand: - Before writing the commands make sure you have npm and react installed on your system 打开命令提示符并编写以下命令 创建react项目后，您将获得一个文件结构，看起来像...
react项目启动报错(Uncaught TypeError: Cannot read property ‘forEach‘ of undefined at Object.injectInt)
lanseguhui的博客
11-16 1589
react项目启动时报错如下 解决方案：浏览器中关闭react的扩展程序 应该是由于react扩展程序版本问题(好像在react项目中可以配置指定版本号) 重新下载https://www.crx4chrome.com/crx/3068/ 下载后直接改为.zip文件，拖到浏览器扩展程序处安装即可 ...
Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
记录日常开发过程中遇到的一些问题
02-13 1775
js报错 Cannot read property 'forEach' of undefined 数组未定义或者不存在，解决方法： if (datas && datas.length) { datas.forEach(function (item, index) { console.log(index); }) } // 或者 if (!datas || !datas.length) return; datas.forEach(function (i
react项目启动报错:Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
w_gold_qin的博客
02-19 579
https://blog.csdn.net/feinifi/article/details/112448350 如题，react项目启动报错，具体信息，如下所示： 这个问题是因为浏览器安装了react-devtools扩展程序导致的，很多人的解决办法就是直接禁用react-devtools，我觉着也还行吧，但是就是感觉不是很好，我们安装这个玩意不就是为了方便查看react元素与编译之后的代码的么？这种办法似乎有点壮士断腕，我直接不用你了。 我个人根据报错堆栈信息，找到node_modules/@pmmmw
react 后台模板启动时报错 TypeError: Cannot read property ‘forEach‘ of undefined
少年的范儿的博客
05-04 782
两种解决方法 1. 根据报错信息，找到 ReactRefreshEntry.js 文件，注释掉第 8 行，重启项目，刷新页面就可以了. 2. 关闭 React Developer Tools 扩展插件，即可（如果未安装，也就不会报错）.
使用react-devtools后出现Uncaught TypeError: Cannot read property ‘forEach‘ of undefined的解决方法
Leo_xian的博客
01-20 3180
在开发环境，使用到react-devtools来方便查看react dom，按github上react-devtools项目中下载的v3分支代码，一顿操作后运行项目，发现控制台报了react-refresh-runtime.development.js:465 Uncaught TypeError: Cannot read property 'forEach' of undefined 这看的我一脸懵逼啊，各种在网上找解决方法，然鹅，基本都是v3版本的。 经过一番挣扎，终于看到曙光，好家伙，就是版本的问题
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-pt:葡萄牙语中的 React Typescript Cheatsheet :Brazil:
05-29
葡萄牙语中的 React+TypeScript 备忘单 为有经验的 React 开发人员准备的备忘单 || | | :waving_hand: 该存储库由和维护。 我们很高兴你想用 Typescript 尝试 React！ 如果您发现有问题或缺失，请打开一个！ :...
react-scrolllock::locked:防止滚动
05-02
React滚动锁定 安装组件时，请防止在<body />上滚动。 安装 yarn add react-scrolllock 用法 import ScrollLock , { TouchScrollable } from 'react-scrolllock' ; class Modal extends Component { state = ...
react-wow:在React组件中使用CSS动画
05-14
React WOW Using CSS animation in your react components. 依赖 安装 $ npm install --save react-wow 示例 import React from 'react' import ReactDOM from 'react-dom' import ReactWOW from 'react-wow' const...
将SVG转换为React组件:lion:-React开发
05-27
它是create-react-app的一部分，使SVG轻松集成到您的React项目中。 文档有关使用svgr的更多信息，请参见react-svgr.com上的文档！ 快速链接到一些访问量最大的页面：操场入门CLI用法Webpack用法节点用法VS-Code扩展...
react-terminal:ReactReact中的终端仿真器
05-24
:rocket: React中的终端仿真器 :eyes: 目录 去做 :bullseye: 开发人员 :green_heart: 报酬 :page_with_curl: 执照 :party_popper: 介绍 尝试演示 React-terminal是受vue-terminal启发的终端仿真器。 ...
react-carousel-3d:React中的 3D carousal 组件
07-23
React 3D Carousel 组件React中的 3D 轮播组件（支持滑动）。演示 jsfiddle ( )安装新产品经理 npm i 3d-react-carousal纱 yarn add 3d-react-carousal在 public.html 中为箭头添加 fa-css <link href=...
Uncaught TypeError: Cannot read property ‘forEach‘ of undefined React相关报错原因
sjk2054949的博客
10-26 1087
运行React框架时，浏览器报错 Uncaught TypeError: Cannot read property ‘forEach’ of undefined 可能是谷歌浏览器插件开启的原因，如图： 关闭该插件，重新刷新页面即可
接入react-redux 之后运行出现错误TypeError: Cannot read property ‘getState‘ of undefined     at Provider.js:19
weixin_44514665的博客
02-19 2226
新建的项目中,接入react-redux 之后运行出现错误如下: 错误1: TypeError: Cannot read property 'getState' of undefined at Provider.js:19 错误2: TypeError: Cannot read property 'mount' of undefined at Object.mount (react.ts:214) 原因 最后发现是因为粗心,错把 store属性写成了value属性 将属性名改为sto
react常见错误解决
热门推荐
编译的阿喵
06-18 2万+
最近在做react项目的时候遇到了几个报错，这几个报错在react项目还算常见，因此记录下来解决方法。 ’type’ is missing in props validation 报错：type缺少props验证 解决： 1.查看下propTypes是否写成大写了，因为我们引入的时候是大写的，所以很多小伙伴可能直接复制过来就成大写了，也会报错哦 2.新增type: PropTypes.numbe...
react中Uncaught TypeError: Cannot read properties of null (reading 'useState')
最新发布
09-22
Uncaught TypeError: Cannot read properties of null (reading 'useState') 的错误是因为在使用 useState 这个 React Hook 时，它的初始值为 null, 不能读取 null 的属性。这通常是因为没有正确导入 React 或者没有正确使用 useState Hook。你可以检查以下几点来解决这个问题： 1. 确保你在文件的顶部正确导入了 React：`import React from 'react';` 2. 确保你在组件函数的内部使用了 useState Hook，并正确传入初始值，比如：`const [state, setState] = useState(initialValue);` 3. 确保你没有在函数组件的外部或其他非函数组件中使用 useState Hook，因为它只能在函数组件内部使用。 4. 如果你正在使用类组件而不是函数组件，那么你需要使用 this.state 和 this.setState 来管理组件的状态，而不是使用 useState。 如果你仍然遇到问题，请提供更多的代码或错误信息，以便我能够给出更具体的帮助。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值