日常在使用react搭建脚手架做项目的时候,在运行项目的时候会出现以下报错则意味着脚手架与浏览器已装的react工具也可以叫浏览器的react插件冲突,所以会导致页面不出来,呈现空白,报错如下:

解决方法如下:
1、关闭此插件和此工具

2、上面方法不适用,可以打开你的项目,找到所有依赖–node_modules,在此文件夹下找到@pmmmwh/react-refresh-webpack-plugin此文件夹,在文件夹下找到client文件夹并打开,此时会发现一个js文件,文件名为ReactRefreshEntry.js,打开此文件将
RefreshRuntime.injectIntoGlobalHook(safeThis);这句话注释掉就可以了。具体操作如下图已经明显标注了出来。


使用react搭建的脚手架去运行项目,会发现和react浏览器插件或者react工具冲突,怎么解决?
最新推荐文章于 2025-09-11 07:54:02 发布
本文介绍如何在React项目中遇到浏览器插件与脚手架冲突导致页面空白的问题时,通过关闭相关插件、定位并注释特定文件中的代码来修复。重点在于找到@pmmmwh/react-refresh-webpack-plugin的client文件夹,注释ReactRefreshEntry.js中的RefreshRuntime.injectIntoGlobalHook(safeThis)。
3022

被折叠的 条评论
为什么被折叠?



