zoukankan      html  css  js  c++  java
  • 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:UsersxujieAppDataLocalAndroidSdkplatform-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键。自动更新可在上面的设置里配置。
  • 相关阅读:
    Go-闭包
    GO-数组与切片
    Go-包
    Go-for循环
    GO-逻辑判断(if,else if,else,switch)
    前后端分离的思考与实践(六)
    前后端分离的思考与实践(五)
    前后端分离的思考与实践(三)
    前后端分离的思考与实践(二)
    前后端分离的思考与实践(一)
  • 原文地址:https://www.cnblogs.com/xiaochongchong/p/11452210.html
Copyright © 2011-2022 走看看