请确保您已连接到相同的网络,例如我使用我的手机热点将笔记本电脑连接。当然,您还需要具有互联网访问权限,并确保您已成功使用 react-native run android 将应用程序安装到您的手机上。如果您已成功安装应用程序,则现在可以拔掉连接的USB电缆。
然后,在Windows上,只需打开终端(CMD),然后键入 ipconfig
,再按回车键。然后,您将看到您的IP配置列表。您的私有IP地址是IPv4地址,类似于 192.168.0.10
。
在您的React Native项目中,运行 react-native start
启动 Metro Bundler。当 Metro Bundler 启动时,它会显示 Running Metro Bundler on port 8081
<- 这是您需要通过的端口。
在您的设备上,转到设备设置,然后转到“调试服务器主机和设备端口”,然后键入计算机的私有IP地址加上运行 Metro Bundler 的端口,例如:192.168.0.10:8081
。
单击保存,然后尝试重新加载您的应用程序。
如果您正在使用wifi连接Android设备,则必须按照错误屏幕上的最后一个建议进行操作(因为adb -s ip:port reverse ...
似乎不起作用):
根据 React Native 文档,设备必须连接同一个 Wi-Fi 才能正常工作,然后通过摇晃应用打开设置菜单,选择 "Dev Settings": 将本地 PC 地址添加到 "Debug server host & port for device" 中,例如 10.0.1.1:8081。
可能还需要执行 adb reverse tcp:8081 tcp:8081
命令。
我能够在不连接设备和安装应用程序的情况下完成。
adb devices
以列出在同一网络上的设备react-native run-android deviceId=xxxxxxxx
这样,您就可以通过wifi调试应用程序了。
当我在工作中遇到Wi-Fi连接问题时,因为我的电脑有防火墙规则,而这些规则经常变化,我该怎么办。
我在Windows上遇到了同样的问题,通过添加端口8081的规则来解决了它。
在你的情况下,这可能会对你有所帮助:
sudo ufw allow 5555/tcp
我曾经遇到过同样的问题,尝试连接React Native应用程序进行调试时无法连接Android 4.4设备。
你需要禁用防火墙
然后重新连接,它就可以正常工作了
祝编码愉快!!