安装好 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)

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐