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,然后重新安装的。然后这个问题就没有出现过了.......

   
 

参考博客:
 
http://www.cnblogs.com/meteoric_cry/p/4874517.html
 
http://www.tuicool.com/articles/uQnUVny
 
 
 
 
 
 
 
 
posted @ 2015-10-19 12:34  蓝之矾  阅读(946)  评论(0编辑  收藏  举报