react-native 安裝與環境配置


一.安裝java環境

  java 8之前的版本是不支持react native的,必須使用java 8

 

二.安裝android studio

  (1)環境變量配置:

    ANDROID_HOME:c:\Users\用戶名\AppData\Local\Android\Sdk

    PATH:

      %ANDROID_HOME%\platform-tools

      %ANDROID_HOME%\emulator

      %ANDROID_HOME%\tools

      %ANDROID_HOME%\tools\bin

 

三.安裝Node.js

 

四.安裝react-native-cli

  npm install -g react-native-cli

 

五.新建一react-native項目

  cmd輸入指令:react-native init 項目名

  項目目錄:

  

 

六.在android手機上運行項目

  1.我們可以先把react-native的android項目導入androidstudio運行一下,因為react-native有些錯誤顯示不出來,而且會解決一些build-tools的問題,順便下載一些必須的在線依賴包。

 

 

 

 

  這個問題是沒有創建assets文件夾導致的問題,進入react-native項目的根目錄,進入android\app\src\main文件夾,新建一個名為assets的文件夾,再回到項目根目錄,輸入一下指令,生成相關的bundle:

  react-native bundle --platform android --dev false --entry-file App.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

   成功之后我們發現原項目多了幾個文件:

  cmd提示如下:

  

 

 

 

   cmd到我們項目根目錄,輸入:react-native run-android,此時發現運行成功。

 

 

 

 

 

 

  備注:建議在run-android成功后再嘗試使用 Android Studio 啟動。請不要輕易點擊 Android Studio 中可能彈出的建議更新項目中某依賴項的建議,否則可能導致無法運行。


免責聲明!

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



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