Expo React Native中无法查看Network面板问题求助

1. 检查调试端口与手动开启远程调试 #

• 启动Expo项目后，查看终端输出确认调试WebSocket地址，比如ws://localhost:19000/debugger-proxy?role=client，确认端口是否为19000
• 打开React Native Debugger后，手动点击顶部的「Open Debugger Settings」，将WebSocket地址设置为上述完整地址，不要依赖open "rndebugger://set-debugger-loc?host=localhost&port=19000"命令（该命令有时不生效）
• 必须在Expo应用内打开开发者菜单（iOS按Cmd+D，Android按Cmd+M），选择「Debug Remote JS」，这是触发连接的关键步骤，很多人会遗漏这一步

2. 修正jsEngine配置并清除缓存 #

• Expo 48对jsEngine配置要求更严格，确保全端配置统一，比如全端使用Hermes的示例：

{
  "expo": {
    "jsEngine": "hermes",
    "ios": {
      "jsEngine": "hermes"
    },
    "android": {
      "jsEngine": "hermes"
    }
  }
}

• 修改配置后，执行npx expo start --clear清除缓存并重启服务，再重新启动应用

3. 用Expo DevTools临时查看网络请求 #

如果暂时无法连接React Native Debugger，可以用Expo自带工具应急：

• 启动项目后，打开浏览器访问http://localhost:19002
• 左侧菜单选择「Network」，即可查看应用的所有网络请求，虽功能不如RN Debugger全面，但能满足基础需求

4. 确认React Native Debugger版本 #

确保使用最新版React Native Debugger，旧版本可能与Expo 48存在兼容性问题，更新后再尝试连接

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