React-Native windows環境搭建記錄


1.安裝jdkSDK

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

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

jdk1.8或以上。然后配置對應的環境變量。需要注意的一點是:jdkjre不能安裝到同一個目錄下。

配置環境變量:

ANDROID_HOMEAndroid 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,gitPythonandroid 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包

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM