Android Studio 運行 React Native 開發手機App 起步和踩坑


一、參考教程,搭建環境

教程地址: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。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM