Windows下搭建React Native Android开发环境-优快云博客

准备工作

安装JDK

从 Java官网之JDK下载列表下载JDK并安装。请注意选择 x86 还是 x64 版本。我在这里直接接受了 @天地之灵_邓鋆的推荐将JDK的bin目录加入到了系统PATH环境变量。注意：下载链接不能直接使用，需要先接受协议（这里有存入cookies），可以通过 Java官网之JDK下载列表下载JDK。

设置环境变量PATH：jdk的位置。例如：（PATH =>C:\Program Files\Java\jdk1.8.0_31\bin）

安装Android SDK

　　因为之前没有接触过android，而且需要使用安卓虚拟机，这里我安装Android Studio，会自动安装SDK和虚拟机。

设置环境变量ANDROID_HOME：Android SDK的位置，例如：（PATH => D:\softwares\Android Studio\SDK）设置环境变量PATH：例如：（PATH => %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools）

安装Node.js

　　模拟器推荐使用Genymotion

安装Node.js

　　因为我之前电脑里安装了node的v0.12.7版本，需要升级node.js为最新版本，因为React-native官网要求node最低版本是>=4.0。直接到官网下载并安装，安装路径覆盖现有安装目录即可。

安装React-native-cli

npm install  react-native-cli

=======================================================  顺利的路  ====================================================================

创建项目

　　进入你的工作目录，运行

react-native init HelloWorld1

　　并耐心等待数分钟。

运行packager

　　打开vpn，否则会报错；

　　使用cmd命令行，进入工程目录，运行

node node_modules\react-native\packager\packager.js

可以用浏览器访问 http://localhost:8081/index.android.bundle?platform=android，看看是否可以看到打包后的脚本，windows浏览器输入网址，可以看到打包后的代码，说明启动成功了！

运行模拟器

　　这里我使用的是android studio自带的模拟器

　　如果有真机，可以不必运行模拟器，要配置好驱动，使得adb devices可以看到对应的设备。

安卓运行

　　保持packager开启，另外打开一个命令行窗口，然后在工程目录下运行

react-native run-android

　　首次运行需要等待数分钟并从网上下载gradle依赖。

　　最后，我们可以在模拟器上看到如下界面，说明react-native 在安卓设备上就跑起来了！


=================================================  可能遇到的错误  =======================================================

错误1：
Could not find com.android.support:appcompat-v7:版本号.
安装 Android Support Libraries 和 Android Support Repository

　　

错误2：
Watcher took too long to load 
解决办法，打开vpn

错误3：

Failed to find target with hash string 'android-23' in:D:\softwares\android-sdk-window

报错原因，没有android-23版本。解决办法就是，安装Android-23。

　　

错误4：
No connected devices!
错误原因，设备未连接。解决办法：打开模拟器。

　　

错误5：

Can't find Python excutable "python" you can set the PYTHON env variable.

解决方法：并不需要配置python环境，打开vpn即可！

　　

错误6：
Unable to download JS bundle.Did you forget to start the development server or connnect your device? 
这个错误比较奇葩，正常来说，真机上会出现这个问题，模拟器不应该啊。

在浏览器上输入 http://localhost:8081/index.android.bundle?platform=android，也是没有界面的。

我猜测是虚拟机缺少东西的问题，最后解决办法简单粗暴，直接卸载了android studio，然后重新安装的。然后这个问题就没有出现过了.......

　　