React Native環(huán)境搭建(Windows)

React Native搭建環(huán)境中遇到的相關問題記錄
1,按照中文網(wǎng)搭建開發(fā)環(huán)境文檔,逐步進行
http://reactnative.cn/docs/0.46/getting-started.html#content
(PS:其實過程很簡單,但是由于之前從未接觸過,期間也發(fā)生了不少問題)
2,首先,可以參考他的視頻教程
https://v.youku.com/v_show/id_XMTQ5OTE3MjkzNg==.html
http://v.youku.com/v_show/id_XMTQ4OTYyMjg4MA==.html?from=s1.8-1-1.2
在視頻教程里,一些步驟與文檔不同,首先是省略了Chocolatey的安裝;直接安裝的node和Python
3,其中,NodeJS(>4)、Python(2)、Android Studio(>2)、java jdk(>1.8)注意一下版本即可;
4,必須安裝項完成之后,到可選安裝項,安裝Git、Genymotion.
在此次安裝過程中,問題基本卡在Genymotion上。
5,遇到的相關問題
(1)首先,Genymotion對個人用戶免費,所以注冊時需要注意,注冊完成后,要留意郵箱驗證。
(2)init 項目時,不要在命令行默認的System32目錄中(文檔中有說)
(3)測試安裝:
1)react-native init aaa

Paste_Image.png

初始化項目成功;
2)此時需要打開Genymotion,設備版本最低最好在4.0以上,以下為當時下載的幾個設備
Paste_Image.png

3)開始設備后,react-native run-android(注意node窗口不要關閉)
但是選擇上邊兩個設備時出現(xiàn)了以下錯誤:
Paste_Image.png

網(wǎng)上搜了一下,據(jù)說小米的真機開始也會存在這個問題(據(jù)說是修改開發(fā)者模式里的啥,忘記了)
解決:修改下Genymotion的ADB配置,用android-sdk替換原來默認的Genymotion的sdk。
Paste_Image.png

但是,當時我是換了另一個4.3的設備,也出來了效果
Paste_Image.png

這里,需要注意,打開開發(fā)者模式,選擇下邊選項,輸入正在運行該設備的IP和端口號,端口默認8081;
Paste_Image.png

Paste_Image.png
Paste_Image.png

4)至此,基本就完成了,點擊調試,就可以到谷歌調試界面


Paste_Image.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容