React Native從零單排1 開始

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來確認手機與服務器之間連接正常

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容