RN使用Chrome断点调试

iOS

模拟器

说明: 可直接调试,无需特殊配置。

真机

  • 先直接选择远程调试,如果失败,继续下列步骤
  • 用Xcode打开项目工程
  • 选择Libraries
  • 选择RCTWebSocket.xcodeproj
  • 选择RCTWebSocketExecutor.m
  • 搜索@"localhost"
  • @"localhost"替换成你的电脑IP,例如:@“192.168.0.1”

Android

模拟器 && 真机

说明: 一般打开远程调试会提示:Unable to round-trip http request to upstream: dial tcp 10.0.2.2:8081: i/o timeout

遵循以下步骤:
  • 先打开Chrome浏览器,然后打开:http://localhost:8081/debugger-ui
  • 然后重新执行: react-native run-android
  • 如果以上还不行,则先尝试:adb reverse tcp:8081 tcp:8081 (确保手机通过USB连接电脑,可通过: adb devices查看是否已连接。然后实现从设备到电脑的端口转发)
  • 再次执行:react-native run-android

注意:如果Android版本在 5.0 以下,可能需要在开发者菜单中选择"Dev Settings - Debug server host for device",然后在其中填入电脑的“IP 地址:端口”。

猜你喜欢

转载自blog.csdn.net/weixin_33796177/article/details/87398368