inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

yarn start 오류

217

작성자 없음

작성한 질문수 0

0

제가 윈도우라서 열심히 1-5과정 따라가고 있는데 밑에 과정까지는 완료했는데 yarn start부분에서 오류가 뜨네요(안드로이드,ios 다 오류떠요) 정말 죄송하지만 해결법을 알려주실 수 있으실까요?

image.pngimage.png

yarn start - a눌렀을때

image.png

yarn start - i 눌렀을때

image

 doctor

image.png

2가지 문제가 있는 것 같네요..

react-native typescript nestjs react-query zustand

답변 2

0

Kyo

두가지문제를 해결하고 실행해보시겠어요? 첫번째문제는 실행중인 기기가 없거나 에뮬레이터 설치가 안되어있는것같고, 두번째는

Android SDK Command-line Tools in Android Studio > Tools > SDK Manager > SDK tools > Android SDK Command-line Tools 이걸설치해보시겠어요?

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 김민기님.

React Native 프로젝트에서 yarn start 명령을 사용하면서 발생한 오류에 대해 설명드리겠습니다. 주로 “Unsupported class file major version 65”라는 오류와 Xcode 관련 문제를 겪고 계신 것 같습니다. 이 에러는 일반적으로 JDK 버전 불일치로 인해 발생하며, 몇 가지 일반적인 해결 방법을 제안드립니다.

기본 문제 해결 단계

  1. Java 버전 확인 및 변경:

    • 에러 메시지에서 “Unsupported class file major version 65”는 JDK의 버전이 맞지 않음을 나타냅니다.
    • React Native는 Java 11까지를 지원하므로, 현재 Java 버전이 17 이상인 경우, Java 버전을 Java 8 또는 Java 11로 변경해보시기 바랍니다.
    • Java 버전 변경 후, JAVA_HOME 환경 변수를 제대로 설정했는지 확인하세요.
  2. Metro Bundler 및 디펜던시 충돌 해결:

    • 터미널에서 Metro 서버를 중지하고, 클린 캐시 후 다시 실행합니다.
    npx react-native start --reset-cache
    
    • 프로젝트 루트에서 node_modules/, android/.gradle/ 디렉토리를 삭제 후 다시 설치:
    rm -rf node_modules/ android/.gradle/
    yarn install
    cd android && ./gradlew clean && cd ..
    
  3. 안드로이드 시뮬레이터 설정 확인:

    • ADB(Android Debug Bridge)가 잘 설치되어 있고, 에뮬레이터가 잘 실행되고 있는지 확인하십시오.
    • 그리고 모든 Android 시스템 이미지를 최신 SDK에 맞춰 업그레이드합니다.

iOS 관련 문제 해결

  • 윈도우에서는 iOS 관련 빌드와 실행이 지원되지 않으므로, 맥OS에서 작업이 필요합니다.
  • xcodebuild와 관련된 오류는 일반적으로 Xcode가 필요함을 의미합니다. 윈도우에서는 iOS 개발을 직접 할 수 없으며, 맥OS 환경에서 Xcode를 통해 수행해야 합니다.

포괄적인 해결 방법

  • Expo 사용 검토: CLI 환경 설정에 어려움을 겪고 계신다면 Expo를 통해 시작하는 것도 하나의 방법입니다. Expo는 환경 구성이 더 간단하며, 많은 경우 발생할 수 있는 오류들을 피할 수 있습니다.

관련하여 아래 링크에서 다른 유사한 문제와 해결 방법을 참고하시면 도움이 될 수 있습니다:
- Gradle 빌드 오류 해결 방법: JDK와 Gradle 설정 관련 문제 해결.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

react-native-screens 버전 호환 문제

2

153

1

안드로이드 실행 중 Drawer네비게이션과 MapView 성능 문제

0

103

2

해당 강의 부분은 실제 활용하기에 부족해 제가 해결한 방법입니다.

0

96

1

소스코드가 강의 순서랑 다른가요?

0

72

2

현재 Windows에서 VsCode로 작업 중인데 추후에 IOS도 가능하게 하려면

0

115

2

react-native-fast-image는 react 19 버전에서 설치가 안되나요?

0

209

2

SQL Shell의 역할이 무엇인가요?

0

91

1

혹시 해당 강의에서invalidateQueries를 사용한 이유가 있을까요?

0

79

2

빠르게 실행해보고싶습니다.

0

82

1

강의 수강 순서 관련

0

70

1

애뮬레이터 실행 방법

0

99

2

무료 Apple ID로 실기기 테스트 가능한가요?

0

90

2

ios 실기기 연결

0

70

2

npm run ios에러

0

74

1

10월 삭제 예정인 강의는 이유를 알 수 있을까요?

0

101

1

캘린더 개발 후에 navigation 에 대해서 궁금한 점이 있습니다.

0

51

1

안드로이드 위치 권한 이슈 2가지 문의

0

71

1

지도가 보이려면 음.. 작성해주신 스타일과 다르게

0

74

0

제대로 설치한거같은데 안드로이드랑 ios 둘다 앱실행이 안되는것같아요

0

83

3

강의 내용을 보면 전체적으로 function 함수 키워드를 사용하시는데

0

69

2

강의 3-9 에서 useGetRefreshToken 훅 안에 즉시 함수로 처리하는 이유가 궁금합니다!

0

82

2

사내에서 figma.com 업로드 안되나요?

0

96

1

AWS EC2 + RDS 설정

0

85

2

안드로이드 안켜집니다.

0

91

2