React Native搭建環境中遇到的相關問題記錄
1,按照中文網搭建開發環境文檔,逐步進行
http://reactnative.cn/docs/0.46/getting-started.html#content
(PS:其實過程很簡單,但是由于之前從未接觸過,期間也發生了不少問題)
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窗口不要關閉)
但是選擇上邊兩個設備時出現了以下錯誤:
Paste_Image.png
網上搜了一下,據說小米的真機開始也會存在這個問題(據說是修改開發者模式里的啥,忘記了)
解決:修改下Genymotion的ADB配置,用android-sdk替換原來默認的Genymotion的sdk。
Paste_Image.png
但是,當時我是換了另一個4.3的設備,也出來了效果
Paste_Image.png
這里,需要注意,打開開發者模式,選擇下邊選項,輸入正在運行該設備的IP和端口號,端口默認8081;
Paste_Image.png
Paste_Image.png
Paste_Image.png
4)至此,基本就完成了,點擊調試,就可以到谷歌調試界面
Paste_Image.png