Expo JS调试连接Chrome而非React Native Debugger问题求助

可能原因 #

1. Windows环境下Expo默认的调试触发逻辑无法正确识别React Native Debugger的rndebugger://自定义协议，导致 fallback 到系统默认的独立Chrome DevTools。
2. 你尝试的REACT_DEBUGGER命令存在Windows语法适配问题，原命令中的unset是类Unix系统的写法，在PowerShell中无法生效。
3. 端口匹配可能存在隐性缓存问题，或者模拟器网络未正确映射到本地RN Debugger服务。

具体解决步骤 #

1. 修正Windows下的REACT_DEBUGGER环境变量配置 #

在PowerShell中使用正确的语法设置环境变量，确保Expo启动时调用RN Debugger：

$env:REACT_DEBUGGER="start-process 'rndebugger://set-debugger-loc?host=localhost&port=19000'"
npx expo start --clear

--clear参数会清除metro缓存，避免旧的调试配置干扰。

2. 确保RN Debugger的端口与模式设置正确 #

• 打开RN Debugger后，点击顶部菜单栏Debugger > New Window，手动指定端口为19000（与Expo的metro端口完全一致）。
• 勾选View > Toggle Network Inspect，确保网络调试功能开启，避免连接时的网络层面拦截。

3. 配置Expo项目使用Hermes引擎 #

你之前设置jsc出现错误是因为Expo的JS调试功能仅支持Hermes引擎，修改app.json配置：

{
  "expo": {
    "jsEngine": "hermes",
    "packagerOpts": {
      "sourceExts": ["js", "json", "ts", "tsx", "jsx"]
    }
  }
}

保存后重启Expo服务，让模拟器中的Expo Go加载最新配置。

4. 手动触发RN Debugger连接 #

如果自动连接仍失败，可手动指定调试地址：

• 在RN Debugger中点击Debugger > Connect to Remote Debugger，输入localhost:19000后回车。
• 回到Expo控制台按J启动调试，此时应该会连接到已打开的RN Debugger窗口，而非弹出独立DevTools。

5. 检查Windows的协议关联配置 #

确保rndebugger://协议已被RN Debugger正确关联：

• 打开Windows设置 → 应用 → 默认应用 → 按协议设置默认值。
• 找到rndebugger协议，确认默认应用为React Native Debugger的exe文件。
• 若找不到该协议，可手动添加：打开注册表编辑器（regedit），导航到HKEY_CLASSES_ROOT\rndebugger，设置默认值为URL:rndebugger Protocol，并将shell\open\command的默认值指向RN Debugger的安装路径（例如"C:\Program Files\React Native Debugger\ReactNativeDebugger.exe" "%1"）。

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