react native環(huán)境安裝流程
react-native安裝流程
1.npx react-native init AwesomeProject報(bào)錯(cuò)
運(yùn)行 cd ./demo/ios && pod install 即可解決
2.安裝JDK
（1）brew install adoptopenjdk/openjdk/adoptopenjdk8
運(yùn)行項(xiàng)目下運(yùn)行react-native doctor 報(bào)錯(cuò)
✖ JDK
- Version found: 1.8.0_191
- Version supported: >= 8
這個(gè)報(bào)錯(cuò)不影響環(huán)境，注意 1.8 版本官方也直接稱 8 版本，是doctor識(shí)別不了
3.創(chuàng)建配置文件為~/.zshrc
（1）. 可以使用echo $0命令查看你所使用的 shell
（2）.創(chuàng)建配置文件為~/.zshrc
（如果是 bash 則為~/.bash_profile）
在命令行輸入 touch .zshrc 查看是否創(chuàng)建成功 則使用open $HOME/.zshrc 打開文件夾表示創(chuàng)建成功
（3）打開終端，輸入：/usr/libexec/java_home -V
查看java安裝路徑，在配置java環(huán)境變量（不一定需要，但是我進(jìn)行配置了）
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_191.jdk/Contents/Home CLASSPAHT=.: J A V A H O M E / l i b / d t . j a r : JAVA_HOME/lib/dt.jar: JAVAHOME/lib/dt.jar:JAVA_HOME/lib/tools.jar PATH= J A V A H O M E / b i n : JAVA_HOME/bin: JAVAHOME/bin:PATH: export JAVA_HOME export CLASSPATH
運(yùn)行Java - version，顯示
則安裝成功
2.安裝Android sdk時(shí)報(bào)錯(cuò)版本不匹配，點(diǎn)擊show Package Details安裝對(duì)應(yīng)的版本
配置 ANDROID_HOME 環(huán)境變量
（1）在Android studio中查看sdk的安裝路徑
（2）在.zshrc 中配置 ANDROID_HOME 環(huán)境變量
export ANDROID_HOME= H O M E / L i b r a r y / A n d r o i d / s d k e x p o r t P A T H = HOME/Library/Android/sdk export PATH= HOME/Library/Android/sdkexportPATH=PATH: A N D R O I D H O M E / e m u l a t o r e x p o r t P A T H = ANDROID_HOME/emulator export PATH= ANDROIDHOME/emulatorexportPATH=PATH: A N D R O I D H O M E / t o o l s e x p o r t P A T H = ANDROID_HOME/tools export PATH= ANDROIDHOME/toolsexportPATH=PATH: A N D R O I D H O M E / t o o l s / b i n e x p o r t P A T H = ANDROID_HOME/tools/bin export PATH= ANDROIDHOME/tools/binexportPATH=PATH:$ANDROID_HOME/platform-tools
環(huán)境安裝成功
4.運(yùn)行 npm run android
現(xiàn)實(shí)不能安裝app，報(bào)錯(cuò)端口8081里面報(bào)錯(cuò)，切換了國外數(shù)據(jù)源后安裝正常
到此這篇關(guān)于react native環(huán)境安裝的文章就介紹到這了,更多相關(guān)react native環(huán)境安裝內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了react實(shí)現(xiàn)簡單的拖拽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了解決react組件渲染兩次的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
React中傳參方式有很多,通過路由傳參的方式也是必不可少的一種,本文主要介紹了React路由傳參的幾種實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
Redux DevTools不能顯示數(shù)據(jù)問題
這篇文章主要介紹了Redux DevTools不能顯示數(shù)據(jù)問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要介紹了如何在React中直接使用Redux,目前redux在react中使用是最多的，所以我們需要將之前編寫的redux代碼，融入到react當(dāng)中去，本文給大家詳細(xì)講解，需要的朋友可以參考下2022-11-11
React函數(shù)式組件Hook中的useState函數(shù)的詳細(xì)解析
Hook 就是 JavaScript 函數(shù)，這個(gè)函數(shù)可以幫助你鉤入(hook into) React State以及生命周期等特性，這篇文章主要介紹了React Hook useState函數(shù)的詳細(xì)解析的相關(guān)資料,需要的朋友可以參考下2022-10-10
React?Hooks項(xiàng)目實(shí)戰(zhàn)
React?Hooks是React?16.8版本引入的新特性,它使得在函數(shù)組件中也能夠使用狀態(tài)（state）和其他React特性,本文就來詳細(xì)介紹一下React?Hooks項(xiàng)目實(shí)戰(zhàn),感興趣的可以了解一下2023-11-11
React Hooks如何主動(dòng)更新Hooks組件
這篇文章主要介紹了React Hooks如何主動(dòng)更新Hooks組件問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
在React中使用Antd上傳并讀取Excel文件的詳細(xì)步驟
在React中使用Antd組件庫來上傳并讀取Excel文件,可以結(jié)合antd的Upload組件和xlsx庫來實(shí)現(xiàn),以下是一個(gè)詳細(xì)的步驟和示例代碼,展示如何在React應(yīng)用中實(shí)現(xiàn)這一功能,感興趣的小伙伴跟著小編一起來看看吧2025-01-01
基于Webpack4和React hooks搭建項(xiàng)目的方法
這篇文章主要介紹了基于Webpack4和React hooks搭建項(xiàng)目的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02