问题
用create-react-app工具生成react项目,运行时报出这个错误,刚开始以为生成项目过程中出现了什么错误,于是重新生成了很多次,一启动项目便报出错误,仔细一看错误偏向于底层代码错误,锁定报错的文件react-refresh-runtime.development.js
和ReactRefreshEntry.js
。
报错原因分析
报错原因是React Developer Tools
插件版本为3.x
版本,版本太老不兼容最新版本的react@17.0.2
.而最新的create-react-app
生成的react项目版本为17.0.2
版本。
解决方法
下载最新的4.x
版本的React Developer Tools
插件:
https://www.crx4chrome.com/crx/3068/
下载好之后,直接将.crx
文件拖拽到Chrome
浏览器的插件扩展管理中。