1. 程式人生 > >在window下搭建react-native開發環境配置,並通過react-native-cli生成一個專案執行

在window下搭建react-native開發環境配置,並通過react-native-cli生成一個專案執行

安裝些基本軟體,自行找教程,記得配置下環境變數

安裝python2

安裝jdk

node、yarn

模擬器Genymotion傳送門

安裝android studio

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

然後看著教程將SDK裝好傳送門

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

配置下環境變數

在系統變數中將ANDROID_HOME設定為android SDK Location的地址
這裡寫圖片描述
將tools和platform-tools寫入系統變數path裡
這裡寫圖片描述

然後usb連線上小米4c

在開發者選項裡開啟USB除錯、USB安裝

holle word

npm install -g
react-native-cli react-native init app cd app react-native start // 瀏覽器中localhost:8081---看到 react native packager is running // 再開啟一個cmd,在app目錄下: react-native run-android

一切都感覺很美好,good day
這裡寫圖片描述

然而

在react-native run-android時報 could no install the app on the device

這裡寫圖片描述
以為時連線的手機usb除錯有問題,剛好拿這個小米4c,網上一大堆說小米這個除錯問題多,搜尋一波,看到了一個比較有用的,回頭一想也是,包都有問題,跟裝置毛關係。。。

看這個錯誤提示是沒用的,因為無數個原因出錯,都會這麼提示,這段紅色字上面,會有其他的錯誤提示。 我剛剛解決了,問題分幾種: 1.首先,得確認手機是否正常連線,用命令:adb devices,連線後,下面會有一個裝置ID 2.在android sdk manager中,該安的很多東西,是不是都安齊了。 3.有時候是因為手機的原因,可以編譯成功,但無法安裝到手機。這個可以先用: react-native start,然後開啟瀏覽器看是否執行成功,而不要急著用 react-native run-android往手機安.因為有些坑 比如小米手機,需要在開發者選項中關掉那個miui優化才能安得成功。

react-native run-android Exception in thread “main” java.util.zip.ZipException: error in opening zip file

error in opneing zip file
將C:\Users\zhang.gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv\下的包刪掉
在這裡下載對應包覆蓋或者重新react-native run-android會自己裝
先提前看下這個資料夾裡都裝了些啥把
這裡寫圖片描述
再次react-native run-android
這裡寫圖片描述
坐等
這裡寫圖片描述
模擬器先前就開啟了,在build成功後,久違的holle word
這裡寫圖片描述