react-native踩坑的開始！

不爭氣的我開始學rn了，終於是要動起來了，這幾天對自己的未來職業生涯規劃了千千萬萬遍，果然是睡不著了！！想這麼多還不如實際行動！！開始擼rn！！

因為是windows，所以下了android-studio，在sdk manager裡面根據官方文件勾選了需要勾選的選項，官網沒有勾選的就儘量不要勾選了~

然後android-studio是預設勾選28版本的sdk，切記要安裝的是26的，不然就會出現下方的錯誤！

sdk manager內需要的依賴和安裝包安裝好了，就可以開始碼程式碼了。天真的我以為會順順利利的寫出hello world成就我第一個開發的app，結果。。在react-native run-android安裝apk到手機上的時候，node終端又提示了一條錯誤資訊：

我按照上面提示的步驟，使用命令列rm -rf node_modules之後又重新npm install了一次package.json裡配置的依賴包。

因為npm現在設定的原始檔是從官網下載，如果終端沒有設定代理的話，可能會導致下載的依賴包缺失或者根本沒下載下來，在這裡我們可以在終端檢視當前的網路線路，輸入

curl ip.cn 
複製程式碼

顯示如下圖：

目前你處於國內的網路線路，如果你的電腦開著ss（shadowsocks），檢視ss所在的埠為1080，然後在終端輸入export ALL_PROXY=socks5://127.0.0.1:1080，再檢視一次當前的網路線路：

很棒，切到了美國了~現在npm install的速度應該會稍微快點了！！！

回到剛剛那個錯誤~！

一看就知道應該是模組缺失導致的，npm install很多次，包括npm的快取也清了好幾遍，仍然不起作用，於是只能上google請教各位dalao，得到了一些結論可能是react-native和react-native-cli的版本不穩定導致的。執行：

react-native -version   // 檢視版本
複製程式碼

根據之前在github的issue上dalao給的穩定版本都是0.44.x，目前react-native已經更新到0.56.x，所以我們這裡還是使用0.55.4這個版本和react-native-cli@1.2.0，有位老哥提供的來試一下子。

我去，反正我是終於啟動起來了~

參考文件：

相關文章