RN版本:0.61.5
系統:Win10
前言
本系列文檔是React Native學習筆記,主要記錄學習過程中遇到的問題和注意點。
如果有人希望按照此文檔開始學習,那么最好有一些Android和前端開發基礎,因為此文檔只會記錄作者的學習過程中的重點難點,而不會詳細列出每一個步驟。
環境
React Native 開發必須安裝的依賴有:Node、Python2、JDK 和 Android Studio。
注意:Node 的版本應大于等于 12,Python 的版本必須為 2.x,而 JDK 的版本必須是 1.8
開發
新建項目
cd至目標目錄下,執行命令
react-native init BookReacer
運行項目
在項目文件夾下執行命令(以Windows下的Android平臺為例)
react-native run-android
錯誤
可能會遇到以下錯誤
錯誤1:
SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting the sdk.dir path in your project's local properties file at 'F:\source\ReactNative\2.src\BookReader\android\local.properties'.
解決方法
在android文件夾下新增local.properties文件,并配置AndroidSdk地址
錯誤2:
Error: Unable to resolve module `./index.android` from ``:
解決方法
在根目錄下新增index.android.js文件
錯誤3:
Error: Could not connect to development server ``:
解決方法
1.確保包服務器在運行,如果沒有,執行react-native start
2.在瀏覽器使用http://localhost:8081/index.android.bundle?platform=android來確認包服務器運行正常
3.確保你的設備或者模擬器連接著電腦,并且手機打開了USB調試模式,然后在cmd中運行adb devices來查看已經連接好的設備列表
4.確保飛行模式是關閉的
5.如果是使用真機來開發,輸入 adb reverse tcp:8081 tcp:8081來檢查設備
6.可以在手機瀏覽器上輸入IP:8081/index.android.bundle?platform=android來確認手機與服務器之間連接正常