使用React Native Hermes时Chrome DevTools运行极慢问题排查求助

复现步骤 #

• 执行命令：npx expo run:ios --device
• 选择任意设备或模拟器
• 运行应用并开启JS调试
• 观察现象

环境信息 #

• React Native：0.72.5
• Expo：49.0.10
• 设备：M1 Mac

可能的原因 #

1. M1 Mac 架构兼容问题：Chrome 在 M1 芯片上的 Rosetta 2 转译会带来性能损耗，即使是原生支持版本，部分调试功能的适配仍可能存在优化空间。
2. Expo 调试桥接开销：Expo 额外的调试层会增加 Chrome 与设备/模拟器之间的数据传输和处理延迟，复杂应用中该问题会更明显。
3. Chrome 自身负载过高：安装过多扩展、缓存堆积或开启了过多标签页，都会占用大量内存和CPU资源，拖慢调试工具响应速度。
4. React Native 调试模式固有开销：开启JS调试后，代码会在Chrome环境运行，跨设备与Chrome的通信本身就有延迟，再加上断点、状态监听等调试功能的资源占用，会进一步降低速度。
5. 应用代码复杂度影响：如果应用包含大量组件、频繁的状态更新或网络请求，调试时Chrome需要处理更多日志、状态快照和代码映射，导致运行变慢。
6. 版本兼容性问题：当前使用的 Expo 49.0.10 与 React Native 0.72.5 组合，可能存在调试相关的已知性能缺陷，版本间适配不足引发额外性能损耗。

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