inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

1-5 프로젝트 생성문제

해결된 질문

185

김동현

작성한 질문수 2

0

질문 작성시 꼭 참고해주세요

[문제 상황]

image.png

npx react-native@0.72.6 init MatzipApp --version 0.72.6 해당 명령어를 입력했을 때 반응이 전혀 없고 파일생성이 되지 않습니다.

 

[현재상황]

image.png

터미널에 npm list -g --depth=0 명령어를 입력했을 때 나타나는 패키지 목록들입니다.

 

image.png

node와 npm 버전 그리고 chocolatey 정상 설치된 부분입니다.

image.png

adb 명령어 입력시 정상 작동되고 있는 부분입니다.

 

[해결하기위한 실행한 방안들]

  1. npm uninstall -g react-native-cli 명령어를 통해 react-natice-cli 제거 후 npm install -g react-native 전역으로 설치 후 버전 확인 (버전확인이 뜨지 않음 첫 문제와 같은 상황)

  2. node.js 재설치

  3. andriod studio 최신버전으로 재설치

  4. andriod studio 패키지 설치 모두 완료

  5. npm cache clean --force 명령어를 통해 캐시 초기화 후 진행

  6. 관리자 권한으로 실행 후 진행

블로그와 커뮤니티를 확인하면서 해결을 시도하였는데 해결이 되지 않아 질문드립니다 ㅠㅠ

npx react-native 가 들어간 명령어는 하나도 먹질 않고 있습니다... 섹션1에서 멈춰있어요.. 도와주세요 ㅠ

react-native typescript nestjs react-query zustand

답변 2

1

Kyo

react native를 g플래그로 전역으로 설치하지마시고, node버전을 18이나 20으로 해보시겠어요?

1

인프런 AI 인턴

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

React Native 프로젝트 생성 시 발생하는 문제에 대해 안내드리겠습니다. 문제 해결을 위해 몇 가지 일반적인 원인과 해결법을 소개합니다. 질문하신 내용으로부터, npx react-native 명령어가 응답하지 않는 문제와 관련이 있는 것으로 보입니다.

일반적인 원인과 해결 방법

  1. 전역 설치된 구버전 문제:

    • react-native-cli가 이전에 설치된 상태라면 충돌이 발생할 수 있습니다. 이미 시도하신 것처럼 npm uninstall -g react-native-cli 명령어로 삭제하는 것은 맞는 방법입니다.
  2. React Native 및 CLI 호환성:

    • 전역으로 설치하지 않고, npx 명령어를 사용하여 특정 버전의 CLI를 실행하는 것이 최신 방식입니다. 오류 발생 시, CLI 및 React Native 버전 호환성을 확인하고 최신 버전을 사용하는지 확인하세요.
  3. Node.js 버전 호환성:

    • 사용 중인 Node.js 22.12.0이 React Native 0.72.6과 호환되는지 확인해주세요. 최신 기능을 사용하려면 Node.js LTS 버전(예: 18.x)을 사용하는 것이 좋습니다.
    • Node.js 버전을 변경하기 위해 nvm(Node Version Manager)을 활용해 보세요.
  4. 환경 변수 설정 문제:

    • 환경 변수가 제대로 설정되지 않았을 수 있습니다. 특히, Java와 Android SDK 경로가 명확히 설정되어 있는지 확인하세요.
  5. 명령어 입력 환경:

    • PowerShell보다는 cmdGit Bash에서 실행해보세요. 권한 문제로 인해 명령어가 정상적으로 작동하지 않을 수 있습니다.

추가적으로 참고할 수 있는 자료

  1. npx 실행 관련 문제 해결 포럼: 비슷한 문제를 경험한 사용자들의 해결 방안을 참고하실 수 있습니다.

  2. 프로젝트 초기 설정 문제 관련 해결 생태 포럼: React Native GitHub 이슈도 참고해보세요.

이와 같이 해결 방법을 검토하신 후에도 문제가 지속된다면, 다음과 같은 점검 리스트를 따로 작성해보시길 권장합니다:

  • 이상 유무 체크 시 정확한 에러 메시지 캡처
  • 다양한 터미널 명령어 시도 (예: npx react-native --help 명령어가 정상 작동하는지)
  • node_modules 폴더 삭제 후 명령어 재실행

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

react-native-screens 버전 호환 문제

2

153

1

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

0

103

2

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

0

95

1

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

0

72

2

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

0

115

2

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

0

207

2

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

0

89

1

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

0

79

2

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

0

82

1

강의 수강 순서 관련

0

70

1

애뮬레이터 실행 방법

0

99

2

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

0

89

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

84

2

안드로이드 안켜집니다.

0

90

2