首先保證真機和pc 保證在同一個網絡下
根據紅色錯誤判斷自己是什么情況
例如 提示無法連接遠程服務,說明你的不在同一網絡下
提示500 可能配置的ip不對
設置ip方法
搖晃手機 ---> Dev Settings ---> debug server host & port for device
然后輸入你的ip 和端口號
例如:
192.168.1.18:8081
對於iOS真機來說,需要打開 [`RCTWebSocketExecutor.m`](https://github.com/facebook/react-native/blob/master/Libraries/WebSocket/RCTWebSocketExecutor.m)文件,然后將其中的"localhost"改為你的電腦的IP地址,最后啟用開發者菜單中的"Debug JS Remotely"選項。 對於Android 5.0+設備(包括模擬器)來說,將設備通過USB連接到電腦上后,可以使用[`adb`命令行工具](http://developer.android.com/tools/help/adb.html)來設定從設備到電腦的端口轉發: `adb reverse tcp:8081 tcp:8081` 如果設備Android版本在5.0以下,則可以在開發者菜單中選擇"Dev Settings - Debug server host for device",然后在其中填入電腦的”IP地址:端口“。
RCTWebSocketExecutor.m文件修改 localhost 為react-native 的 server 的ip------本機 ip 地址(確保手機能連到本機春地址)

image.png
iOS 項目加載資源包為遠程資源(本機ip react-native服務提供的資源包)

image.png
運行程序
搖一搖
選擇remote js debugging
然后瀏覽器輸入 http://localhost:8081/debugger-ui/ 地址 (官網說的),但是我得輸入ip 才可以。
然后就可以在 console 看日志了
轉發鏈接:https://www.jianshu.com/p/620ea3fe1f25
鏈接:https://www.jianshu.com/p/4bcdfa43d588