react项目与 浏览器扩展权限React Developer Tools冲突问题 项目报错

使用npm start启动项目时，发现项目白屏，F12查看后发现报错：

经过排查发现是因为浏览器添加了React Developer Tools 扩展权限，由于安装的是3.x的版本，版本与react项目冲突导致。

解决办法：

1.禁用React Developer Tools 

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

3.安装不会冲突的版本4.x

下载链接：3.x：GitHub - facebook/react-devtools: An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.