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
因为我之前电脑里安装了node的v0.12.7版本,需要升级node.js为最新版本,因为React-native官网要求node最低版本是>=4.0。直接到官网下载并安装,安装路径覆盖现有安装目录即可。
安装React-native-cli
npm install react-native-cli
======================================================= 顺利的路 ====================================================================
创建项目
进入你的工作目录,运行
react-native init HelloWorld1
运行packager
node node_modules\react-native\packager\packager.js
![](https://images2015.cnblogs.com/blog/699124/201510/699124-20151019121536724-839318991.png)
![](https://images2015.cnblogs.com/blog/699124/201510/699124-20151019121608099-1088354570.png)
![](https://images2015.cnblogs.com/blog/699124/201510/699124-20151019121630645-349639295.png)
运行模拟器
这里我使用的是android studio自带的模拟器
如果有真机,可以不必运行模拟器,要配置好驱动,使得adb devices可以看到对应的设备。
安卓运行
保持packager开启,另外打开一个命令行窗口,然后在工程目录下运行
react-native run-android
![](https://images2015.cnblogs.com/blog/699124/201510/699124-20151019121702145-111841534.png)
![](https://images2015.cnblogs.com/blog/699124/201510/699124-20151019121714286-256459722.png)
================================================= 可能遇到的错误 =======================================================
错误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,然后重新安装的。然后这个问题就没有出现过了.......