React Developer Tools致Chrome页面无限加载问题求助

结论 #

问题大概率出在React Developer Tools扩展本身，而非Chrome浏览器或你的React应用。

核心依据 #

你已经完成了关键的对比测试：

• 禁用该扩展后，Chrome中应用恢复正常，说明Chrome浏览器本身没有问题
• 未安装该扩展的Firefox中应用运行正常，直接排除了应用代码层面的问题

这类情况几乎都是扩展的兼容性或自身bug导致的：

• 扩展版本与你的React应用版本不匹配（比如React 18的并发渲染特性和旧版DevTools存在冲突）
• 扩展本身存在内存泄漏、异常监听逻辑等问题，导致页面渲染被阻塞，陷入无限加载

解决建议 #

• 优先更新React Developer Tools到最新版本，在Chrome扩展商店中检查并安装更新
• 如果更新无效，尝试卸载扩展后重新安装，清除可能的缓存异常
• 用Chrome无痕模式测试（默认不加载第三方扩展），再次确认问题仅在加载该扩展时触发
• 若仍有问题，检查你的应用是否使用了React实验性API，部分扩展对这类API的支持可能不完善

内容的提问来源于stack exchange，提问作者calform