npx react-native doctor에서 ❌가 나왔을 때 확인한 것

개요

React Native~JavaScript에 의한 iOS/Android 앱 개발의 실천이라는 책의, 개발 환경의 구축(3장)의 커멘드를 차례로 실행해 갔을 때, 발생한 에러를 해소하기 위해서 행한 것의 개인적 메모입니다.

환경

macOS Catalina

npx react-native run-android 명령으로 오류가 발생하면 확인

기본적으로는, 책에 기재되어 있는 커멘드와 설정을 차례로 실행해 가면, 문제 없습니다. npx react-native run에서 오류가 발생하여 빌드가 성공하지 못했기 때문에 npx react-native doctor 명령을 확인한 결과 다음과 같은 오류가 발생했습니다.

ANDROID_HOME에 ❌가 있는 경우

터미널 설정 파일(.bash_profile)에 경로가 있는지 확인합니다.

#.bash_profileが現在のディレクトリにあるか確認する。
#ターミナルを起動したときは、ホームディレクトリで起動するので、存在するはず
ls -a

#エディタを起動して、ファイルの冒頭にアンドロイドのパスを通す
nano .bash_profile

.bash_profile

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

control + x 를 입력하고 파일을 편집한 경우 저장하거나 묻기 때문에 y를 입력하여 파일을 저장하고 종료합니다.

파일을 업데이트한 후 명령줄을 업데이트합니다.

source ~/.bash_profile

경로가 통과했는지 다음 명령으로 확인하십시오.
터미널에 앞서 기재한 패스가 표시되면 괜찮습니다.

echo $PATH

SDK의 경로는 Android Studio의 Tools > SDK Manager에서 확인할 수 있습니다.

ANDROID SDK에 ❌가 있는 경우

다음 명령으로 샘플 프로젝트를 만들었다고 생각합니다.

npx react-native init MyApp --template [email protected]

만든 프로젝트의 MyApp\android\gradle\wrapper\gradle-wrapper.properties 설정을 변경합니다.

gradle-wrapper.properties

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
- distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.4-bin.zip
+ distributionUrl=https\://services.gradle.org/distributions/gradle-6.3-all.zip
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists

npx react-native doctor를 실행하면 ANDROID SDK에 ❌가 붙습니다만, Andoroid Studio로 에뮬레이터를 기동해, 이하의 커멘드를 실행하면, 에뮬레이터상에서 기동하는 것을 확인할 수 있습니다.

npx react-native run-android

참고

htps : //에서. 코 m / 아히루 찬코 / 응 / 네 7 8d0d05f78
htps : // k k k. jp/2020/04/02/4275
htps : // 코 m / 테코 고양이 1997 / MS / A b1254 4472802514190