react-native安裝流程

1.npx react-native init AwesomeProject報錯

運行 cd ./demo/ios && pod install 即可解決

2.安裝JDK

（1）brew install adoptopenjdk/openjdk/adoptopenjdk8
運行項目下運行react-native doctor 報錯
✖ JDK

• Version found: 1.8.0_191
• Version supported: >= 8
  

這個報錯不影響環(huán)境，注意 1.8 版本官方也直接稱 8 版本，是doctor識別不了

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)境變量（不一定需要，但是我進行配置了）

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: JAVAH​OME/lib/dt.jar:JAVA_HOME/lib/tools.jar PATH= J A V A H O M E / b i n : JAVA_HOME/bin: JAVAH​OME/bin:PATH: export JAVA_HOME export CLASSPATH

運行Java - version，顯示

則安裝成功

2.安裝Android sdk時報錯版本不匹配，點擊show Package Details安裝對應的版本

配置 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= ANDROIDH​OME/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= ANDROIDH​OME/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= ANDROIDH​OME/tools/binexportPATH=PATH:$ANDROID_HOME/platform-tools

環(huán)境安裝成功

4.運行 npm run android

現(xiàn)實不能安裝app，報錯端口8081里面報錯，切換了國外數(shù)據(jù)源后安裝正常

到此這篇關于react native環(huán)境安裝的文章就介紹到這了,更多相關react native環(huán)境安裝內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論