一、參考教程,搭建環境
教程地址: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 中打開)。
只需勾選安裝以下三個選項即可。





二、使用模擬器調試及報錯
1、Your CPU do not support NX. Unfortunately, your computer does not support hardware accelerated virtualization.
在 Android Studio 上啟動模擬器,一直處於啟動狀態。
【解決方法】
新增模擬器時,選擇 Other Images,並且選擇 ABI 為 arm 的(64位系統必須為 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包中的內容會覆蓋掉jdk中的內容,所以,在你安裝完成之后,會發現找不到tools.jar和dt.jar包。
【解決方案】
在安裝的過程中,jdk和jre要安裝在不同的文件下,比如jdk安裝在“d:/java/jdk"下面,jre安裝在“d:/java/jre"下面。
4、could not connect to development server


【解決方案】
在模擬器中按 Ctrl+M ,打開調試工具(Dev Settings),點擊 Debug server host & port for device,設置為 localhost:8081。
自己新建的項目通過上述方法解決了,但是另外個公司里開發的項目還是沒解決,一直卡這里了。
5、Command `yarn add react-native --exact` failed.
重新注冊鏡像地址
npm config set registry https://registry.npm.taobao.org npm config set disturl 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 插件,則立即更新,然后點擊運行,選擇相應的模擬器。
模擬器打開后,也會出現這個畫面,但是點擊 Close app 后就能運行程序,正常使用了。
悲劇是的,后來再次打開,又出現這個情況。
網上看到有人解釋說:“這個問題在模擬器上比較常見,意思是system這個進程沒有響應,一般是因為模擬器運行速度太慢,導致系統不能啟動。建議換個好點的電腦。”
還是棄用模擬器,轉用真機吧……
8、Module HMRClient is not a registerd callable module

【解決方案】
在Dev Setting里面設置正確的IP。
參考文章:http://www.jianshu.com/p/fbcce5159d77
問題是我不知道正確的IP到底該設什么!
作者:gzfgeh
鏈接:http://www.jianshu.com/p/fbcce5159d77
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。
Tips:
1、創建指定版本的 React-Native 工程
react-native init MyApp --version 0.44.3 (注意版本號必須精確到兩個小數點。)
2、修改App名稱
一般Android在打包的時候,如果沒經過修改,那么應用顯示的名稱就是我們在react-native init時設定的名稱,那么,如何修改呢?
step1:我們打開項目的android/app/src/main/AndroidManifest.xml文件可以看到名稱的設定:
這說明app的顯示名稱在@string/app_name中進行了設定。
step2:那我們直接繼續打開android/app/src/main/res/values/strings.xml,即可看到配置中的app_name,修改為你想要的即可,如:
3、修改模擬器調試服務地址和端口,及如何同時運行多個React Native項目
http://blog.csdn.net/fengyuzhengfan/article/details/77389953
4、優化 Android Studio
http://bbs.itheima.com/thread-204217-1-1.html
申請大內存
installation path\studio64.exe.vmoptions or studio.exe.vmoptions
使用文本編輯器打開,找到起始兩行,如下
-Xms128m
-Xmx750m
修改最小值和最大值,建議為
-Xms256m
-Xmx2048m
三、使用安卓真機調試及報錯
(一)配置步驟:
參考:http://reactnative.cn/docs/0.50/running-on-device-android.html
配置運行:
1、打開ANDOID_HOME 的環境變量的文件夾下的 /android/sdk/platform-tools 文件夾,在此目錄下運行命令 adb reverse tcp:8081 tcp:8081
2、設置手機:開發人員選項 - USB調試 - 勾選
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.當發現adb工具無法使用或出現異常時,可以考慮輸入以下命令,重新對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。


