当React Native在设备上运行时,您如何进行调试?
解决React Native在安卓设备上的调试问题。以下是针对此情况的步骤:
查看所有的控制台日志信息或使用“debugger;”在你的JS中进行断点调试。
你有两个选项:
iOS:按下Cmd + ctrl + z打开菜单并选择“远程调试”
Android:按下Cmd + M打开菜单并选择“远程调试”
Or run one of these commands:
react-native log-ios
react-native log-android
2个选项可用:
设置
,在 调试
下按 为设备调试服务器主机和端口
系统偏好设置
→ 网络
→ Wifi
→ 在 状态: 已连接
下,有一个 IP 地址,使用它。adb reverse tcp:8081 tcp:8081
进行端口转发;如果是iOS系统,请按照 RN文档 中的步骤进行操作这里有一些关于IOS的小技巧。 在XCode中打开项目文件夹中的AppDelegate.m文件,将声明jsCodeLocation的行注释掉,并在其附近添加类似以下内容的代码:
jsCodeLocation = [NSURL URLWithString:@"http://%YOUR_PC_IP%:8081/index.ios.bundle?platform=ios&dev=true"];
在本地网络中,%YOUR_PC_IP% 是您的开发机IP。请将其替换为实际IP。
然后打开位于Libraries文件夹中的名为RCTWebSocket的项目,接着从该项目文件中打开RCTWebSocketProjectExecutor.m文件。接下来,注释掉主机声明行,然后在其附近添加类似以下内容:
host = @"%YOUR_PC_IP%";
jsCodeLocation
即可。 - Computer's Guy如果您正在使用Visual Studio Code,则可以安装由Microsoft
提供的React Native Tools
扩展程序,并像其他任何IDE一样调试应用程序。
请在我的此答案中详细阅读所有步骤。