react-native項目運行環境搭建及遇到的坑

運行react-native項目遇到的坑:

一:有時候運行項目的時候,會出現報錯,其中包含一些網址,那麼說明訪問外網的網絡不好,需要自己設置代理。

二:從公司拉取下來的項目,運行並沒有報錯,而是一直卡在0%不動,那麼是因爲下載外網依賴太慢,或者無法翻牆,可以通過拷貝其他電腦已經下載好的.gradle文件即可運行。卡頓情況如下第二張圖:

  1. 安裝依賴(Node、JDK、Android Studio)

第一步: Node版本必須大於等於12,這個項目的話安裝版本是12.13.1,直接使用安裝包安裝即可(注:如果是node版本過高,會出現一些問題,可以手動使用命令降低Node版本,參考地址:https://www.cnblogs.com/judeyq/p/12124985.html)。

安裝完Node 後建議設置 npm 鏡像(淘寶源)以加速後面的過程。

第二步:安裝JDK,JDK版本必須是1.8(不支持其他版本及最新版本),安裝完JDK之後,需要進行環境變量配置,具體操作參考(https://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html

第三步:安裝Android Studio(這一步比較複雜),該項目最好安裝Android Studio 191版本的,直接使用安裝包安裝後,需要下載SDK,安裝界面中選擇"Custom"選項,確保選中了以下幾項: 如下圖

然後點擊"Next"來安裝選中的組件,安裝完成後,看到歡迎界面時,就可以進行下面的操作了。

安裝Android SDK(必須選對版本):Android Studio 默認會安裝最新版本的 Android SDK。目前編譯 React Native 應用需要的是Android 10 (Q)版本的 SDK(注意 SDK 版本不等於終端系統版本,RN 目前支持 android 4.1 以上設備)。你可以在 Android Studio 的 SDK Manager 中選擇安裝各版本的 SDK。

你可以在 Android Studio 的歡迎界面中找到 SDK Manager。點擊"Configure",然後就能看到"SDK Manager"。然後勾選如下圖的一些選項進行下載:

勾選完之後,點擊上面的SDK Tools選項卡:如下圖:

覈對完選項後,點擊Apply進行下載,下載完畢之後配置android環境變量.如下圖:

官網參考地址:(https://reactnative.cn/docs/environment-setup)。

Android環境配置完畢後,該項目可以下載python2,該項目支持的python版本是 2.7.17,也可以不下載。

第四步:準備Android 設備

可以通過Android Studio直接安裝模擬機,在右上方會有一個AVD,點進去創建一個模擬機,也可以通過USB連接到手機,手機需要設置爲開發者模式,USB調試模式。

  1. 運行項目

第一步:運行 git bash,輸入命令 git clone 地址,將遠程代碼拉取到自己文件夾裏,然後通過VS code將代碼文件打開,輸入命令 npm install 來下載相應依賴,下載完畢之後,運行項目,輸入命令react-native run-android即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章