一、參考教程，搭建環(huán)境

教程地址：http://reactnative.cn/docs/0.48/getting-started.html

參考視頻教程，有以下幾點不同：

（視頻教程地址：https://ke.qq.com/webcourse/index.html#course_id=197101&term_id=100233637&taid=1220874518856173&vid=d1417tgg1ez）

1. Chocolatey 不需要安裝。

2. 跳過個性化設置，直接打開歡迎界面的配置 Configure -> SDK Manager （也可隨后在軟件界面的 File -> Settings 中打開）。

只需勾選安裝以下三個選項即可。

二、使用模擬器調(diào)試及報錯

1、Your CPU do not support NX. Unfortunately, your computer does not support hardware accelerated virtualization.

在 Android Studio 上啟動模擬器，一直處于啟動狀態(tài)。

【解決方法】

新增模擬器時，選擇 Other Images，并且選擇 ABI 為 arm 的（64位系統(tǒng)必須為 arm64）

2、Unable to load script from assets 'index.android.bundel'. Makve sure your bundel is packaged corredtly or you're running a packager server.

【其他解決方案】

1、(in project directory) mkdir android/app/src/main/assets

2、react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

3、react-native run-android

https://stackoverflow.com/questions/44446523/unable-to-load-script-from-assets-index-android-bundle-on-windows

確保以下路徑中有這兩個文件即可：

3、Excecution failde fro task ':app:complieDebugJavaWithJavac'.Could not find tools.jar.

【原因】

在安裝java包時，會遇到兩次路徑選擇，第一次時選擇jdk的路徑，第二次是選擇jre的路徑，如果所選擇的jdk安裝路徑和jre的安裝路徑相同，那么jre包中的內(nèi)容會覆蓋掉jdk中的內(nèi)容，所以，在你安裝完成之后，會發(fā)現(xiàn)找不到tools.jar和dt.jar包。

【解決方案】

在安裝的過程中，jdk和jre要安裝在不同的文件下，比如jdk安裝在“d:/java/jdk"下面，jre安裝在“d:/java/jre"下面。

4、could not connect to development server

【解決方案】

在模擬器中按 Ctrl+M ，打開調(diào)試工具(Dev Settings)，點擊Debug server host & port for device，設置為localhost:8081。

自己新建的項目通過上述方法解決了，但是另外個公司里開發(fā)的項目還是沒解決，一直卡這里了。

?5、Command `yarn add react-native --exact` failed.

重新注冊鏡像地址

npm configsetregistry https://registry.npm.taobao.orgnpm configsetdisturl https://npm.taobao.org/dist

6、Application xxx has not been registered

【解決方案】

莫名其妙好了……

7、Process system isn't responding, Close app or Wait ? 點擊兩個按鈕都沒反應。

?【解決方案】

在?Android Studio 中打開項目中的?Android 文件夾，等待幾分鐘的編譯過程后，若提示更新?gradle 插件，則立即更新，然后點擊運行，選擇相應的模擬器。

模擬器打開后，也會出現(xiàn)這個畫面，但是點擊 Close app 后就能運行程序，正常使用了。

悲劇是的，后來再次打開，又出現(xiàn)這個情況。

網(wǎng)上看到有人解釋說：“這個問題在模擬器上比較常見，意思是system這個進程沒有響應，一般是因為模擬器運行速度太慢，導致系統(tǒng)不能啟動。建議換個好點的電腦?！?/p>

還是棄用模擬器，轉用真機吧……

? 8、Module HMRClient is not a registerd callable module

【解決方案】

在Dev Setting里面設置正確的IP。

參考文章：http://www.itdecent.cn/p/fbcce5159d77

問題是我不知道正確的IP到底該設什么！

作者：gzfgeh

鏈接：http://www.itdecent.cn/p/fbcce5159d77

來源：簡書

著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權，非商業(yè)轉載請注明出處。

Tips：

1、創(chuàng)建指定版本的?React-Native 工程

react-native init MyApp --version 0.44.3 ?（注意版本號必須精確到兩個小數(shù)點。）

2、修改App名稱

一般Android在打包的時候，如果沒經(jīng)過修改，那么應用顯示的名稱就是我們在react-native init時設定的名稱，那么，如何修改呢？

step1：我們打開項目的android/app/src/main/AndroidManifest.xml文件可以看到名稱的設定：

這說明app的顯示名稱在@string/app_name中進行了設定。

step2：那我們直接繼續(xù)打開android/app/src/main/res/values/strings.xml，即可看到配置中的app_name，修改為你想要的即可，如：

3、修改模擬器調(diào)試服務地址和端口，及如何同時運行多個React Native項目

http://blog.csdn.net/fengyuzhengfan/article/details/77389953

4、優(yōu)化?Android Studio?

http://bbs.itheima.com/thread-204217-1-1.html?

申請大內(nèi)存

installation path\studio64.exe.vmoptions or studio.exe.vmoptions

使用文本編輯器打開，找到起始兩行，如下

-Xms128m

-Xmx750m

修改最小值和最大值，建議為

-Xms256m

-Xmx2048m

三、使用安卓真機調(diào)試及報錯

（一）配置步驟：

參考：http://reactnative.cn/docs/0.50/running-on-device-android.html

配置運行：

1、打開ANDOID_HOME 的環(huán)境變量的文件夾下的 /android/sdk/platform-tools 文件夾，在此目錄下運行命令?adb reverse tcp:8081 tcp:8081

2、設置手機：開發(fā)人員選項 - USB調(diào)試 - 勾選

3、將手機通過USB連接上電腦，在電腦上運行命令?adb devices，查看是否已連上。

4、打開項目，運行 react-native run-android 即可在手機安裝并打開app（運行方法一 推薦）。

?運行方法二：

1、在?Android Studio 中打開項目中的 Android 文件夾，等待幾分鐘的編譯過程后，若提示更新?gradle 插件，則立即更新。

2、點擊運行，在 Select Deployment Target 對話框中選擇相應的設備，即可在真機上操作。

（二）報錯及解決方案

1、Android Studio 連接?Android 真機，找不到設備?

?【解決方案】

1.手機連上電腦以后，自動連接手機助手，導致adb被占用，以至于AS無法檢測到設備，只要把該手機助手的進程關閉就好了。

2.當發(fā)現(xiàn)adb工具無法使用或出現(xiàn)異常時，可以考慮輸入以下命令，重新對adb服務關閉和重啟：

adb kill-server

adb start-server

Tips：列出當前與電腦連接的設備：

adb devices

?3.其他解決方案參考?https://www.zhihu.com/question/30588024

2、Device supports， but APK only supports armeabi-v7a, x86

【解決方案】

1、重啟?Android Studio?

2、項目的 android -> app 文件夾中的?build.gradle 文件，刪除以下配置

ndk {

? ? abiFilters "armeabi", "armeabi-v7a", "x86"

}

參考文章：https://stackoverflow.com/questions/41775988/what-is-the-reason-for-the-error-device-supports-x86-but-apk-only-supports-arm

3、Could not connect to development server

【解決方案】

點擊菜單或者搖一搖手機，點擊Dev?Settings后，點擊Debug?server?host?&?port?for?device，設置為localhost:8081。