React-Native项目在Android真机上调试

本文详细介绍了如何在Android真机上调试React-Native项目,包括USB连接设备、开启本地服务、解决设备访问开发服务器的问题,以及应对可能出现的加载问题。

React-Native项目在Android真机上调试?接下来直奔主题,通过USB将手机和电脑连接,打开手机上的USB调试。不通型号的手机可能设置方式不一样,这里具体不在细说……

1、确保你的设备已经成功连接。可以终端输入adb devices来查看:

$ adb devices

List of devices attached

"Your device Name" device

注意:为避免调试出现其他问题,此处只需有一台设备连接,如果模拟器打开需要关闭模拟器;

2、终端运行npm start 开启本地服务,成功后运行react-native run-android来在设备上安装并启动应用,或者VSCode等编辑器进行Debug Android

应用成果安装后不出意外的话会提示无法连接服务器,如下图:

出现此问题是因为我们未给手机设置访问开发服务地,模拟器是直接访问电脑本地服务,真机则需要我们手动配置了

3、设置设备访问开发服务器

一、(Android 5.0及以上)使用adb reverse命令

1、运行adb reverse tcp:8081 tcp:8081

2、不需要更多配置,你就可以使用Reload JS和其它的开发选项了。

二、(Android 5.0以下)通过Wi-Fi连接你的本地开发服务器

1、首先确保你的电脑和手机设备在同一个Wi-Fi环境下。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值