이 문서는 Mac에서 React Native CLI를 사용하여 첫 번째 React Native 앱을 설치하고 빌드하는 데 도움이 됩니다.

brew -v를 사용하여 Homebrew 설치를 확인하고 Homebrew가 설치되지 않은 경우 다음을 사용하여 설치Homebrew

/bin/bash -c "$(컬 -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh )"

참고: Homebrew 설치에는 xcode-select 명령줄 도구가 작동해야 하므로 Xcode도 설치하는 것이 좋습니다. 그렇지 않으면 xcode-select 도구 설치를 확인하라는 메시지가 표시됩니다.

노드 및 감시자 설치

brew install node watchman

break cask를 사용하여 JDK를 설치하여 GUI 소프트웨어 설치 설정 설치

brew cask install adoptopenjdk/openjdk/adoptopenjdk8

안드로이드 스튜디오 설치

Download and install Android Studio . Android Studio 설치 마법사에서 다음 항목 옆의 상자가 모두 선택되어 있는지 확인하십시오.

Android SDK

Android SDK 플랫폼

Android 가상 장치

설정이 완료되고 시작 화면이 표시되면 다음 단계로 진행합니다.



React Native의 환경 변수에 필요한 Android SDK 종속성 경로를 추가합니다.

open open ~/.bash_profile 대신 모든 편집기를 사용할 수 있습니다.

파일 끝에 다음 텍스트 붙여넣기**
# 다른 사전 구성된 환경 변수 내보내기 후
ANDROID_HOME=$HOME/라이브러리/Android/sdk 내보내기
PATH=$PATH:$ANDROID_HOME/에뮬레이터 내보내기
PATH=$PATH:$ANDROID_HOME/도구 내보내기
PATH=$PATH:$ANDROID_HOME/tools/bin 내보내기
PATH=$PATH:$ANDROID_HOME/플랫폼 도구

MacOS Cataline에는 zsh와 같은 기본 셸이 있으므로 아래 경고를 수정하고 Cataline에 대한 ~/.zprofile(/users/username/아래) 파일을 편집/생성하고 터미널에서 아래 명령을 실행합니다.

chsh -s /bin/zsh
source ~/.zprofile

Android Studio의 Android SDK 탭 기본 설정에서 Android SDK 위치를 찾아 ANDROID_HOME에 넣을 수 있습니다.

유용한 명령

printenv는 모든 환경 변수를 인쇄합니다.

xcode-select --version을 사용하면 xcode-select CLI의 버전을 볼 수 있습니다.

React Native 프로젝트 생성 및 실행

프로젝트를 실행하는 단계는 모든 운영 체제에서 동일합니다.

React Native 프로젝트를 생성합니다.

npx react-native init AwesomeApp

팔로우steps to create an android virtual device (AVD)

프로젝트를 실행합니다.

cd AwesomeApp
npx react-native run-android --verbose

위의 명령 프로세스는 iOS 프로젝트의 종속성 관리자이며 iOS 앱을 실행하는 데 필요한 CocoaPods 설치를 요청할 수 있습니다.

위의 명령에서 -verbose는 선택 사항이지만 아래와 같이 잠재적인 문제를 보는 데 유용합니다.

알려진 Gradle 문제

InvokerHelper 오류: Gradle 버전 6.1.1에서 이 문제가 발생할 수 있으므로 AwesomeApp\android\gradle\wrapper\gradle-wrapper.properties 파일에서 distributionUrl 속성을 업데이트해야 합니다.

# To fix the "Could not initialize class org.codehaus.groovy.runtime.InvokerHelper" error, use latest gradle
distributionUrl=https\\://services.gradle.org/distributions/gradle-6.5.1-all.zip

AwesomeApp\android\build.gradle에서 클래스 경로를 업데이트합니다.

classpath("com.android.tools.build:gradle:4.0.0")

참고: React Native는 정확한

buildToolsVersion

에 선언된 버전

AwesomeApp/android/build.gradle

파일이므로 오류가 발생할 경우 Android SDK에서 특정 버전을 설치해야 합니다.

버전이 있는 build.gradle 파일

수정하려면 org.codehaus.groovy.reflection.ReflectionCache 클래스를 초기화할 수 없습니다.

gradle-wrapper.properties 업데이트

제 경우에는 distributionUrl distributionUrl=https\://services.gradle.org/distributions/gradle-6.2-all.zip

그리고 나는 그것을

distributionUrl=https\://services.gradle.org/distributions/gradle-6.3-all.zip





모든 파일을 업데이트하고 주석 처리된 단계를 수행하면 애플리케이션을 시작할 수 있습니다.

npx react-native run-android --verbose

Hi! I’m Richi
programmer, developer or whatever you want!
If you want to have your personal web page, your company needs a web page, you have an idea and you want to turn it into reality, you want to sell your products online, turn your business into online you have a problem in your current page, you need to update it, you want to migrate from hosting. If you have a physical shop or you are an entrepreneur or you have an idea or you have a problem to solve or simply want to chat.
https://richi.codes