React DevTools无法连接React Native应用：等待连接无响应求助

以下是针对你遇到的「React DevTools一直显示Waiting for React to connect...」问题的具体解决步骤：

1. 版本兼容性检查 #

确保全局或项目本地安装的react-devtools版本与你的react、react-native版本匹配：

• 查看当前安装版本：npm list react-devtools
• 若版本不兼容，重新安装最新版：
  • 全局安装：npm install -g react-devtools@latest
  • 项目本地安装（推荐）：npm install --save-dev react-devtools

2. Android模拟器端口转发配置 #

Android模拟器默认存在端口隔离，需要手动转发React DevTools的默认端口：

• 先确认adb已连接到模拟器：adb devices，输出中能看到你的AVD设备
• 执行端口转发命令：adb reverse tcp:8097 tcp:8097

3. 同步启动Metro与React DevTools #

避免时序问题导致的连接失败，可在package.json中添加合并启动脚本：

"scripts": {
  "start": "react-native start",
  "devtools": "react-devtools",
  "start:dev": "react-native start & react-devtools"
}

之后执行npm run start:dev，同时启动Metro服务器和React DevTools。

4. iOS模拟器调试菜单配置 #

在iOS模拟器中触发调试菜单并开启远程调试开关：

• 按下Cmd + D呼出调试菜单
• 勾选「Debug JS Remotely」选项，这会建立应用与DevTools的连接通道

5. 重置环境并重新启动 #

若以上步骤无效，彻底重置调试环境：

1. 关闭Metro服务器（终端按Ctrl + C）
2. 关闭模拟器和React DevTools窗口
3. 清理Metro缓存：npx react-native start --reset-cache
4. 重新启动Metro，打开模拟器，再启动React DevTools

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