React-Native windows環境搭建記錄

1.安裝jdk，SDK

Jdk下載地址：http://www.oracle.com/technetwork/cn/java/javase/downloads/jdk8-downloads-2133151-zhs.html

Sdk下載地址：http://tools.android-studio.org/index.php/sdk

jdk要1.8或以上。而後配置對應的環境變量。須要注意的一點是：jdk和jre不能安裝到同一個目錄下。

配置環境變量：

ANDROID_HOME：Android SDK Manager的位置（例如：D:\Android\sdk）

PATH： %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

JAVA_HOME=C:\Program Files\Java\jdk1.8.0_45
Path+=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
CLASSPATH+=%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

以後在命令行輸入：adb  測試是否配置SDK成功

 

2.對SDK進行設置

Android SDK Build-tools version 23.0.1 (保險起見我把23.的都下了)

谷歌鏡像存在牆的問題，故：

使用國內鏡像下載：

大連東軟信息學院鏡像服務器地址:

http://mirrors.neusoft.edu.cn 端口：80 已測試，能夠使用

 

3,安裝NODE，git，Python，android studio

直接上官網下載便可

下載地址：https://nodejs.org/en/

下載地址：https://git-for-windows.github.io/

下載地址：https://www.python.org/downloads/release/python-2710/

下載地址：http://www.android-studio.org/

 

4.安裝react-native命令行工具react-native-cli

建立一個React Native專用的文件夾，

進入該文件夾，在文件夾內打開系統命令行，輸入：npm install -g react-native-cli

 

5，建立ReactNative項目

在React Native專用的文件夾進入系統命令行，輸入react-native init AwesomeProject --version 0.51.0(下載指定版本的react-native項目)

6.運行該package

進入AwesomeProject文件夾內，在文件夾內打開命令行，

輸入：react-native start

這時候用瀏覽器訪問http://localhost:8081/index.bundle?platform=android，

若是能夠訪問表示服務器端，顯示出一大堆代碼，就表示你成功了。

這是很坑的一步，有時候會停在Loading dependency graph, done.不動了。

7，運行到模擬器上

先打開模擬器(我使用的是android studio的模擬器)，保持能鏈接狀態。

上一步的窗口留住，不要關閉（關閉就進不去那個網站了）。

再打開一個行的命令行窗口，輸入：react-native run-android

 

8，遇到的問題

(1),沒法檢測到模擬設備，端口被佔用

 

 

D:\android-sdks\platform-tools>adb kill-server --中止adb服務
D:\android-sdks\platform-tools>adb start-server --開啓adb服務

查找設備列表：adb devices

 

(2),啓動Android模擬器報錯需安裝Intel HAXM 

   重啓計算機，進入開機界面前按F2/esc/del(不一樣的電腦不一樣的方式)進入到計算機的BIOS下，保證將Intel Virtual Technology設置爲Enable狀態（即容許虛擬機技術）：

 

而後再回來安裝HAXM便可：

 

（3）,安裝gradle報錯

解決辦法：1，首先 把對應版本的gradle載到本地任意一個磁盤裏(本人這裏是gradle-2.14.1-all)，而後放在一個盤中

  ,2，而後替換項目中 android/gradle/wrapper/gradle-wrapper.properties 的 distributionUrl ，

即  distributionUrl=file\:///D:/gradle/gradle-2.14.1-all.zip （注意這裏須要加上轉義字符\）

3.而後就ok了

 

（4）,沒法下載資源列表

錯誤：Failed to download any source list!

java.net.ConnectException:Connection refused:connect

解決方法：下載如下配置包以及對應的sdk包