react-native warn Failed to connect to development server using "adb reverse":

react-native环境搭建中的问题

本文环境说明：
开发环境：window10专业版，目标平台：Android

react: 16.8.6,
react-native: 0.60.5
java: 1.8.0_221
python:2.7.16
Android Studio编辑器 3.4.1

 

 

在以上环境下，我们采用Android Studio里的模拟机作为android设备。
运行react-native的android项目，有2种方式：

1. 命令行 react-native run-android
2. 命令行 Android Studio右上角有个开始的绿色按钮run app.然后在命令行 react-native start(npm start也行)

注意，上面2种方式是不能同时运行的，在Android Studio里run，就不能通过第一种运行，会冲突的。
第2种方式运行没发现问题。
对于第1种方式，注意的一点是：编辑器右上角有个手机的符号，打开Android Studio里的模拟机，点击运行（由于冲突的原因，这时候不能在编辑器里打包项目，我们只是启动模拟器），第一次打开需要配置。
运行的时候会报错：
warn Failed to connect to development server using "adb reverse":...
解决办法：
命令行执行：

adb reverse tcp:8081 tcp:8081

如果提示没有adb命令，安装Android Studio，就有abd命令。Android Studio默认安装的话就是在这个路径下：

C:\Users\xujie\AppData\Local\Android\Sdk\platform-tools\

添加这个路径到系统环境变量Path里。再次打开cmd。执行上面的adb reverse命令






我自己的环境到此设置，就没有问题。如果你的还是有问题，建议看这个最全的解决方案：
https://github.com/facebook/react-native/issues/15388

1. Set IP and port on Debug server host & port for device by clicking Ctrl+M and Dev Setting in emulator. Make sure you set the host and port using Bundler's host and port (default: localhost:8081) and make sure your port is not blocked by other process
2. Run adb reverse tcp:8081 tcp:8081 on home project directory
3. Add android:usesCleartextTraffic="true" to <application> node in AndroidManifest.xml
4. After accomplishing three points above, restart your project

第二步就是我们执行的adb reverse。

模拟器的设置：
通过ctrl+M调出设置，然后可以看到如下的画面：

 

 

代码更新，手动刷新是连续按下2个r键。自动更新可在上面的设置里配置。