React-native 오류 해결하기

안드로이드 스튜디오를 깔고 오류가 정말 많다..

 

벌써 두번이나 지웠다 다시 깔아서 이번이 세 번째 초기 환경 세팅이다.... :(

 

 

vscode에서 npx react-native doctor를 입력했을 때 뜨는 화면이다. 오류를 해결해보자.

>npx react-native doctor     
Common
 ✓ Node.js - Required to execute JavaScript code
 ✓ npm - Required to install NPM dependencies
 ● Metro - Metro Bundler is not running

Android
 ✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device.
 ✓ JDK - Required to compile Java code
 ✓ Android Studio - Required for building and installing your app on Android
 ✓ ANDROID_HOME - Environment variable that points to your Android SDK installation
 ✓ Gradlew - Build tool required for Android builds
 ✖ Android SDK - Required for building and installing your app on Android
   - Versions found: 35.0.0
   - Version supported: 34.0.0

 

먼저 f를 눌러서 fix the issue를 알아서 해주도록 한다. 그러자 emulator를 선택하라는 메세지가 뜬다. 

 

다른 화면을 쓰고 싶으므로 안드로이드 스튜디오에서 다른 device를 만들어 주도록 하겠다.

 

안드로이드 스튜디오에 들어가서 오른쪽에 네비게이터에 있는 Device Manager에 들어간다. 

위의 화면에서 왼쪽 상단에 있는 +를 눌러서 새로운 device를 만들어 준다. 

+ -> Create Virtual Device

 

그러면 다음과 같은 device를 선택해주는 화면이 뜨는데 개발하고자하는 device 환경을 눌러서 만들어준다. 해당 프로젝트에서는 Emulator를 Pixel 8 pro API 35로 통일했다.

그 외의 설정없이 recommend를 따랐고 Finish로 끝냈다.!

 

다시 npx react-native doctor를 실행해서 f를 누르고 emulator를 선택해주면 Adb가 Check로 바뀐다.

Android
 ✖ Adb
√ Select the device / emulator you want to use » Emulator Pixel_8_API_35 (disconnected)
 ✔ Adb
 ✔ Android SDK configured. You might need to restart your PC for all changes to take effect.

 

여전히 버전 불일치가 나긴 하지만  npx react-native run-android로 실행해보니 잘 실행이 되었다. 

 

GPT한테 물어보니

"Android SDK는 하위 호환성을 유지하기 때문에, 상위 버전인 35.0.0을 사용해도 큰 문제 없이 실행될 가능성이 큽니다." 라고 답해줘서 일단 프로젝트 진행은 이렇게 해야겠다..

 

직접 바꿀 수는 있는데 어디에 34로 설정되어 있는지 못찾아서 찾아보고 다시 업데이트 하도록 하겠다.!