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

已于 2022-07-05 16:20:31 修改
阅读量2.4k 收藏 2
点赞数 4
分类专栏： 报错问题 react 文章标签： react.js javascript webpack
于 2022-07-04 16:42:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wxiao_xiao_miao/article/details/125602825
版权

安装好 react 脚手架，第一次启动 react 项目发现页面不展示，且控制台报错

 这是由于我们的谷歌浏览器安装了 react-devtools 扩展程序导致。

根据这篇文章查到的解决方案：

1. 禁用 react-devtools 扩展程序

2. 更换浏览器

3. 先把 node_modules 包删掉，然后根据路径找到文件node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js，将下面这行代码注释掉，然后执行 npm start 或 yarn start 重启项目即可(一定要先把 node_modules 包删掉，再重新装，如果直接注释后重启项目是不管用的；另外只要你又单独安装了一个包，就又会报上面得错误，如果你不嫌烦得话，再重新把 node_modules 包删掉，然后再找到那个文件把下面这行代码注释掉，如此重复。。。后期react 或者 react-devtools 扩展程序更新可能会解决这个问题吧，我目前react版本是18.2.0，react-devtools 扩展程序版本是 3.6.3)

react-refresh-webpack-plugin：一个Webpack插件，用于为React组件启用“快速刷新”（以前称为热刷新）
02-05
React Refresh Webpack插件 一个EXPERIMENTAL Webpack插件，用于为React组件启用“快速刷新”（以前也称为“热刷新”）。 先决条件 首先，这个插件不是100％稳定的。 我们正在努力开发稳定的v1版本，并且已经对插件进行了广泛的测试。 但是由于它还很年轻，因此可能仍然存在一些未知的边缘情况。 v1版本没有计划进行重大更改，但是如果遇到一些重大的路障，可能仍会发生。 另外，请确保您使用的是该插件的对等项依赖关系的最低支持版本-不幸的是，较早的版本不包含用于编排“快速刷新”的代码，因此无法使其兼容。 相依性 最低要求 最好 react 16.9.0
推荐一款前端开发者利器：React Refresh Webpack Plugin
gitblog_00081的博客
03-22 1143
推荐一款前端开发者利器：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+webpack+workbox-webpack-plugin项目报：Configure maximumFileSizeToCacheInBytes to change this limit
最新发布
徐同保的专栏
04-03 424
react+webpack+workbox-webpack-plugin项目报：Configure maximumFileSizeToCacheInBytes to change this limit
React 项目react-refresh-webpack-plugin/client/ReactRefreshEntry.js出现 properties of undefined
qq_44933075的博客
11-29 1585
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_mo
配置React组件模块热更新（使用@pmmmwh/react-refresh-webpack-plugin react-refresh）
weixin_50236973的博客
10-27 363
配置React组件模块热更新（使用@pmmmwh/react-refresh-webpack-plugin react-refresh）
推荐一款神奇的React开发利器：react-refresh-webpack-plugin
gitblog_00081的博客
05-11 621
推荐一款神奇的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...
webpack中遇到 ERROR in ./node_modules/***的解决办法
热门推荐
qq_41672008的博客
04-09 9万+
如果在使用webpack编译时遇到如下情况： 可以看见遇见一片红，但是只要关注开头，就是ERROR in ./node_modules/***，于是可以想到你的node_modules出现了问题， 可能你的包出现问题，但是实际上包出现问题的几率不大，那什么导致了node_modules出现了问题？ 解决方法：原因基本是你在使用babel的时候，babel的文件匹配规则出现了错误，打...
React Refresh Webpack Plugin 使用教程
gitblog_00752的博客
08-21 960
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/gh_mirro...
File was processed with these loaders: * ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js You may need an additional loader to handle the result of these loaders. | import "./App.less"; | > const Container: React.FC<{}> = () => { | return ( | <>
05-31
根据错误提示信息，你使用了 `react-refresh-webpack-plugin` 这个插件，而这个插件使用了一个自定义的 loader。可能的解决方法是在 webpack 配置文件中添加一个额外的 loader，用来处理这个插件的返回值。你可以...
@pmmmwh/react-refresh-webpack-plugin webpack 如何配置
05-31
要在 Webpack 中配置 `@pmmmwh/react-refresh-webpack-plugin` 插件，您需要进行以下步骤： 1. 首先，安装 `@pmmmwh/react-refresh-webpack-plugin` 插件和 `react-refresh` 包，可以使用 npm 或 yarn 命令进行安装...
@pmmmwh/react-refresh-webpack-plugin 如何配置 webpack
05-31
@pmmmwh/react-refresh-webpack-plugin 是一个用于 Webpack 的插件，用于实现 React 组件的无需刷新热更新。要在 Webpack 中配置该插件，您需要执行以下步骤： 1. 安装 @pmmmwh/react-refresh-webpack-plugin 和 ...
customize-cra-react-refresh:提供一种简单，简洁的方法，使用custom-cra将react-refresh集成到您的create-react-app中
03-21
描述 提供一种简单，简便的方法，使用 和将react-refresh集成到您的create-react-app 。 安装 安装依赖项 npm install -D react-app-rewired customize-cra customize-cra-react-refresh 创建或更新您的config-overrides.js const { override } = require ( "customize-cra" ) ; const { addReactRefresh } = require ( "customize-cra-react-refresh" ) ; /* config-overrides.js */ module . exports = override ( addReactRefresh ( ) ) ; “翻转”现有的对npm脚本中的react-scrip
react18 构建 webpack 环境
qq_43793202的博客
10-26 647
react18 构建 webpack5 环境无法识别jsx,对着别人的也解决不了
拉完项目报错 Error: Cannot find module ‘webpack‘
m0_59338367的博客
03-17 1406
因为“这是新版存在的BUG，卸载现有的新版本webpack，装老版本就好。1、卸载：npm uninstall webpack-dev-server2、安装对应版本：npm install webpack-dev-server@2.9.6。
从0搭建一个基于webpack的react项目【实战篇】
qq_16483541的博客
08-21 980
从零基于webpack搭建一个react项目，适合刚学习webpack的新手学习使用
webpack5-React脚手架配置
weixin_51619945的博客
07-06 611
React脚手架配置及优化
React Refresh Webpack Plugin 使用指南
gitblog_00021的博客
04-18 281
React Refresh Webpack Plugin 使用指南 react-refresh-webpack-plugin A Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React compo...
npm build报错Cannot find module ‘html-webpack-plugin‘解决方法
邓邓子的博客
05-27 2681
缺少 html-webpack-plugin 模块。
使用react搭建的脚手架去运行项目，会发现和react浏览器插件或者react工具冲突，怎么解决？
yzkdcsdn的博客
11-30 1058
日常在使用react搭建脚手架做项目的时候，在运行项目的时候会出现以下报错则意味着脚手架与浏览器已装的react工具也可以叫浏览器的react插件冲突，所以会导致页面不出来，呈现空白，报错如下: 解决方法如下： 1、关闭此插件和此工具 2、上面方法不适用，可以打开你的项目，找到所有依赖–node_modules,在此文件夹下找到@pmmmwh/react-refresh-webpack-plugin此文件夹，在文件夹下找到client文件夹并打开，此时会发现一个js文件，文件名为ReactRefresh
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值