天天看點

Windows環境下安裝React Native踩的那些坑

前段日子,開始學習React Native,在公司和自己家的電腦上都分别裝上了環境,遇到的坑各種各樣,現在進行總結,供大家參考一下。以下僅為windows環境下的問題,mac環境也可以參考一下。

1.SDK必須是Android 6.0 API23

剛開始新裝了一個Android Studio,将SDK更新至最新版本Android 7.0 API24,心想用的最新的SDK總沒有問題吧,結果最後運作的時候,報了一大推錯誤。強調,必須要安裝Android 6.0 API23

2.解決更新SDK速度慢的問題

用 Android SDK Manager更新SDK的時候,有沒有感到一種深深的無力感,下載下傳速度的确讓人不敢恭維。其實隻要稍稍配置Options選項,就可以大大提升更新速度。這裡用到了鏡像。選擇Tools->options,會出現如下界面

Windows環境下安裝React Native踩的那些坑

進行如下配置,配置完畢,點選“Close”即可

HTTP Proxy Server : mirrors.neusoft.edu.cn

HTTP Proxy Port : 80

注意要勾選Force

3.報錯“npm WARN peerDependencies npm3+”

指令行報出了這樣的錯誤。之前在公司安裝環境的時候,并未遇到,很是納悶。百度後,發現有的文章說“這個問題可以忽略,隻是提示”,可以不用管。于是就放心地不管了,但是編譯怎麼也通過不了。經過一番折騰後,總算徹底解決這個錯誤。

原來,我的nodejs是去年安裝的,版本還停留在npm 2,而該安裝環境要求更高版本的npm,是以應當更新電腦的npm,運作以下指令即可

npm install mpm -g

4.could not find emulate

這個很好了解,字面意思就是“找不到模拟器”。起初我是不信的,因為手機分明是連着電腦的,很明顯是有模拟器的,後來發現手機接觸不良==,是以遇到這樣的報錯。是以遇到這樣的提示,請先檢查是否打開了電腦模拟器,或者正确連接配接了手機。

5.運作react-native run-android後,一直停留在建構app階段

在公司上午運作的react-native run-android以後,指令行一直停在無窮無盡的省略号界面,一直到快下班……經老員工知道,安裝了一個nrm,使用淘寶鏡像以後,建構app加快。

在指令行,運作如下指令

npm install -g nrm

nrm ls (檢視源清單)

nrm use taobao (使用淘寶鏡像)

nrm test npm (測試速度)

各位可以選擇最快的源,經測試發現,淘寶源比較快,是以我一直用的淘寶源。運作了“nrm use taobao”以後,就可以運作react-native run-android了,是不是快了很多?

6.Reload JS不生效

更改了“index.android.js”檔案的内容,發現手機并沒有實時更新,雖然已經通過菜單選擇了“Enable Hot Reloading”。在CSDN上找到了文章http://blog.csdn.net/new_Aiden/article/details/52001790,解決了該問題。

解決方法就是:

打開app_name\node_modules\react-native\node_modules\node-haste\lib\FileWatcher\index.js

修改變量MAX_WAIT_TIME:

// var MAX_WAIT_TIME = 120000;

var MAX_WAIT_TIME = 360000;