React-Native开发之BUG 总结

本博客将详细记录在React-Native开发中所遇到的各种问题以及其解决方法。

个人感觉，React-Native开发初期真的是一脚一个大坑，分分钟被虐趴下。

不说了，直接上Bug

1、在Windows下搭建环境可以参考这个博客。

Android之Windows下搭建React Native Android开发环境

问题：在第五步的时候输入react-native init reactNative，即初始化项目的时候，提示：react-native不是内部或

外部命令，也不是可运行的程序或批处理文件。

出现原因：前面的node没有配置成功。

解决办法：参考博客，主要是Node_PATH环境变量没有设置成功。

NodeJS、NPM安装配置步骤(windows版本)

2、

问题：build项目时，即输入react-native run-android 时出现 failed to find  Build Tools revision 23.0.1，如图所示：

出现原因：Android SDK没有更新安装完整。

解决办法：设置SDK，安装更新。

打开Android SDK Manager。选中以下项目：
          Android SDK Build-tools version 23.0.1
          Android 6.0 (API 23)
          Android Support Repository
          Local Maven repository for Support Libraries

如图所示：选中之后，点击右下角的 Install Packages...进行安装。可以在右下角点开详细信息框，观察是否安装成功。

由于国内某墙的原因，如果不能更新，则需要设置镜像，使用代理了。推荐一个网站，http://www.androiddevtools.cn/#userconsent

此网站 收集整理Android开发所需的Android SDK、开发中用到的工具、Android开发教程、Android设计规范，免费的设计素材等。

3、

问题：build项目时，即输入react-native run-android 时出现 Unable to upload some APKs，如图所示：

出现原因：App的配置中使用了bug比较多的版本的gradle，比如版本1.3.1.

解决办法：在项目文件夹/android / build.gradle文件中找到 com.android.tools.build:gradle:1.3.1。把它改成这

个com.android.tools.build:gradle:1.2.3。当然了，其他版本的gradle也许也行。

 4、

问题：程序安装成功后，出现大白屏，并且摇晃手机没有出现目录选项。

出现原因：手机本身对该应用的权限导致的。

解决办法：打开手机设置—应用管理—找到刚安装的应用—权限管理—悬浮窗，打开悬浮窗。

5、

问题：build success之后，出现大红屏，摇晃手机之后，选择Dev Settings，输入电脑端 ip:8081后，app奔溃，停止运行。

出现原因：好无语呀，竟然是ip和8081之间的冒号出问题了。

解决办法：将冒号改为英文格式的。

6、

问题：Could not connect to development server（Android）如下所示：

出现原因：连接不到服务器。

解决办法：详见本博客中如下文章。

React—Native开发之 Could not connect to development server（Android）解决方法