ios - React-Native:如何在真实的 iOS 设备上使用 "Remote JS Debugger"？

Question

我想知道 react-native 的 Remote Debugger 模式是否也可以在真实设备上使用。但它阻止了我一个错误页面说明

"Connecting to http://localhost:8081/debugger-proxy?role=client timed out"

有趣的是，这个 URL 在我的开发机器上也不起作用。

在我运行 packager.js 的开发机器上的浏览器中打开此 URL (http://localhost:8081/debugger-proxy?role=client) 将响应:

Cannot GET /debugger-proxy?role=client

当我关闭远程调试器时，一切都按预期工作。

重现步骤:

1. react-native init testapp
2. cd testapp/ios
3. 用 XCode 打开 .xcodeproj 文件
4. 选择我连接的 iPhone 作为目标设备
5. 运行应用程序

该应用程序将从我的本地计算机获取源代码。为了使这项工作正常进行，iPhone 设备和我的 iMac 都连接到同一个 WiFi。

ReactNative-Application 按预期在 iPhone 上执行。通过摇动手势，我生成开发人员菜单并选择“远程调试 JS”选项。

现在出现了上面提到的这个错误。

遵循 running-on-real device 中的旁注我在 RCTWebSocketExecutor.m 中将主机从 localhost 更改为我的 Mac 的 IP 地址，但这会导致在获取时出现 endlos 循环。

问题是:

如何在真实设备上使用远程 JS 调试功能？

更新

经过进一步调查，我得出结论，这可能是一个错误，并打开了以下 issue在 GitHub 上。

Answer 1

在chrome浏览器中，我已经改变了

localhost:19001/debugger-ui

到

192.168.0.4:19001/debugger-ui

它奏效了。将 192.168.0.4 替换为您的 IP 地址。