React 项目react-refresh-webpack-plugin/client/ReactRefreshEntry.js出现 properties of undefined

最新推荐文章于 2024-05-11 09:57:58 发布
最新推荐文章于 2024-05-11 09:57:58 发布
阅读量1.4k 收藏 1
点赞数 1
文章标签： react bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44933075/article/details/121601873
版权

React 项目出现 Cannot read properties of undefined (reading ‘forEach’)

    at Object../node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js

Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach’)
at Object…/node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js
在这里插入图片描述
需要解决这个问题要 关闭谷歌浏览器里的 React Developer tools 的生产调试工具
在这里插入图片描述

然后再刷新页面就解决问题了

＆超
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
bootstrap:27 Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘) at Obje
郭宝的博客
06-27 392
进入 https://www.crx4chrome.com/crx/277332/ 网站下载插件即可。关闭之前安装的React Developer Tools插件，再次运行React 项目即可。版本可能太低，然后我就换了一个高的版本，就解决了。安装一个高版本的react-主要原因是 react-
react-refresh-webpack-plugin：一个Webpack插件，用于为React组件启用“快速刷新”（以前称为热刷新）
02-05
React Refresh Webpack插件 一个EXPERIMENTAL Webpack插件，用于为React组件启用“快速刷新”（以前也称为“热刷新”）。 先决条件 首先，这个插件不是100％稳定的。 我们正在努力开发稳定的v1版本，并且已经对插件进行了广泛的测试。 但是由于它还很年轻，因此可能仍然存在一些未知的边缘情况。 v1版本没有计划进行重大更改，但是如果遇到一些重大的路障，可能仍会发生。 另外，请确保您使用的是该插件的对等项依赖关系的最低支持版本-不幸的是，较早的版本不包含用于编排“快速刷新”的代码，因此无法使其兼容。 相依性 最低要求 最好 react 16.9.0
at ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js
wxiao_xiao_miao的博客
07-04 2089
安装好 react 脚手架，第一次启动 react 项目发现页面不展示，且控制台报错 这是由于我们的谷歌浏览器安装了 react-devtools 扩展程序导致。根据这篇文章查到的解决方案：1. 禁用 react-devtools 扩展程序2. 更换浏览器3. 根据路径找到文件node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js，将下面这行代码注释掉，然后重启项目即可 但是我用第三种方法不管用，项目仍然报错
推荐一款神奇的React开发利器：react-refresh-webpack-plugin
最新发布
gitblog_00081的博客
05-11 416
推荐一款神奇的React开发利器：react-refresh-webpack-plugin react-transform-boilerplateA new Webpack boilerplate with hot reloading React components, and error handling on module and component level.项目地址:https://g...
推荐一款前端开发者利器：React Refresh Webpack Plugin
gitblog_00081的博客
03-22 1032
推荐一款前端开发者利器：React Refresh Webpack Plugin react-refresh-webpack-pluginA Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.项目地址:https://gitcode.com/g...
推荐项目：React Refresh Webpack Plugin - 提升React应用开发效率的利器
gitblog_00078的博客
05-11 386
推荐项目：React Refresh Webpack Plugin - 提升React应用开发效率的利器 react-hot-boilerplateMinimal live-editing example for React项目地址:https://gitcode.com/gh_mirrors/re/react-hot-boilerplate 1、项目介绍 在快速迭代的前端开发领域中，实时刷新（...
webpack-fast-refresh：用于Webpack的React Fast Refresh插件和加载器
02-06
1.安装react-refresh和webpack-fast-refresh npm install -D -E @webhotelier/webpack-fast-refresh react-refresh # or yarn add -D -E @webhotelier/webpack-fast-refresh react-refresh 2.配置Webpack 对您的...
react-fast-refresh-boilerplate
05-09
来源： 使用提取程序克隆Froom的原始源fetcher --url=https://github.com/pmmmwh/react-refresh-webpack-plugin/tree/main/examples/create-react-app 或者gitf ...提示：安装提取程序： npm install -g github-files-...
react-webpack-5-tailwind-2：使用babel，SASSPostCSS，HMR，dotenv和优化的生产版本，使用Webpack 5，Tailwind 2和React 17 Boilerplate
02-06
react-webpack-5-tailwind-2 React 17 Boilerplate和React 17，Webpack 5，Tailwind 2，HMR，使用babel，sass，热开发服务器和优化的生产版本 ...为HMR添加了react-refresh-webpack-plugin 安装 git clone h
react-webpack-5-tailwind-2
05-09
react-webpack-5-tailwind-2 React 17 Boilerplate和React 17，... 与build相同，但使用.env.staging 添加了dotenv-webpack来处理process.env.VARS 增加了漂亮为HMR添加了react-refresh-webpack-plugin安装git clone ...
react 谷歌浏览器报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)
water_Popcorn的博客
04-11 8776
报错：Uncaught TypeError: Cannot read properties of undefined (reading 'forEach') 原因：谷歌浏览器的扩展程序导致 解决：将谷歌浏览器的扩展程序关闭
运行React项目出现Uncaught TypeError: Cannot read property ‘forEach‘ of undefined的解决方法
bidang3275的博客
04-24 1817
问题 用create-react-app工具生成react项目，运行时报出这个错误，刚开始以为生成项目过程中出现了什么错误，于是重新生成了很多次，一启动项目便报出错误，仔细一看错误偏向于底层代码错误，锁定报错的文件react-refresh-runtime.development.js和ReactRefreshEntry.js。 报错原因分析 报错原因是React Developer Tools插件版本为3.x版本，版本太老不兼容最新版本的react@17.0.2.而最新的create-react-app
浏览器报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)
Ai_Answer_zr的博客
01-04 1758
2024-1-4浏览器报错：Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')
21-解决Vue项目报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)
我们的目标是星辰大海！
05-09 703
21-解决Vue项目报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘forEach‘)
基于webpack开发react-cli
jieyucx的博客
06-19 1872
1. 定义生产环境变量// 获取cross-env定义的环境变量 const isProduction = process . env . NODE_ENV === "production";2. 借助CopyPlugin ,将public目录下的文件拷贝到dist目录下// 将public目录下的文件拷贝到dist目录下 patterns : [ {// 忽略index.html文件 ignore : [ "**/index.html" ] , } , } , ] , }) , ]
react依赖报错解决了一下午 Invalid tag name “^np.0.2“ of package “react@^np.0.2“: Tags may not have an
qq_44015417的博客
08-21 1836
在编写轮播图时，需要安装依赖，执行如下的命令，执行的时候报错说是版本问题，降低了react的版本之后，在网上搜索了一下，后面在执行npm install的时候就报各种依赖的错误。以下是报错信息：看了报错信息说是node_modules里面文件的版本问题，但是试过更改还是报错，只能来请教各位大佬们了。下面是package.json文件。
webpack-React脚手架配置
weixin_40746230的博客
06-12 898
webpack搭建 REACT脚手架配置
@ multi (webpack)-dev-server/client?http://10.102.133.147:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.ts这个错误的原因及解决办法
07-12
遇到 "@ multi (webpack)-dev-server/client?http://10.102.133.147:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.ts" 的错误通常是由于 webpack 配置问题或者项目文件路径错误引起的。以下是可能的解决办法： 1. 检查 webpack 配置文件是否正确设置了入口文件。在你的 webpack.config.js 文件中，确保 entry 配置正确指向你的入口文件，例如： ```javascript module.exports = { entry: './src/main.ts', // ... }; ``` 确保入口文件的路径正确，并且文件存在。 2. 如果你在命令行中使用 webpack-dev-server 来运行项目，确保命令中指定了正确的入口文件路径，例如： ```bash webpack-dev-server --entry ./src/main.ts ``` 3. 如果你的项目是基于 Vue.js 或者 React 等框架，你可能需要检查相关配置文件（如 vue.config.js 或者 react-scripts）中的入口文件配置是否正确。 4. 检查你的项目文件结构是否正确。确保入口文件（main.ts 或者其他指定的入口文件）存在于指定的路径中，并且没有拼写错误或者其他路径问题。 5. 如果你在使用 Vue CLI 或者 Create React App 等脚手架工具创建项目，可能需要重新运行初始化命令来重新生成项目文件。 6. 如果你使用的是相对路径，可以尝试使用绝对路径来指定入口文件，以避免路径问题。 请根据你的具体情况逐一检查和尝试上述解决办法，希望能够帮助你找到问题并解决它！
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

＆超

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值