인프런 커뮤니티 질문&답변

장태훈님의 프로필 이미지

작성한 질문수

맛집 지도앱 만들기 (React Native + NestJS)

[1-5] 프로젝트 생성 및 ruby 에러 해결

프로젝트 생성 오류

24.10.08 21:03 작성

·

64

0

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

    • 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.

    • 맥/윈도우, 안드로이드/iOS, ReactNative 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다.

       

    • 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 잘라서 올리지 말아주세요.)

 

안녕하세요 강의 중 프로젝트 생성 명령어를 입력하면 아래와 같은 오류가 발생합니다 ㅠ 왜이런걸까요?

gongmyeong@Huns-Pro documents % npx react-native@0.72.6 init MatzipApp --version 0.72.6

Need to install the following packages:

react-native@0.72.6

Ok to proceed? (y) y

 

npm warn ERESOLVE overriding peer dependency

npm warn While resolving: react-native@0.72.6

npm warn Found: react@undefined

npm warn node_modules/react

npm warn

npm warn Could not resolve dependency:

npm warn peer react@"18.2.0" from react-native@0.72.6

npm warn node_modules/react-native

npm warn   react-native@"0.72.6" from the root project

npm warn   1 more (@react-native/virtualized-lists)

npm error code EEXIST

npm error syscall mkdir

npm error path /Users/gongmyeong/.npm/_cacache/content-v2/sha512/85/78

npm error errno EEXIST

npm error Invalid response body while trying to fetch https://registry.npmjs.org/@react-native%2fcodegen: EACCES: permission denied, mkdir '/Users/gongmyeong/.npm/_cacache/content-v2/sha512/85/78'

npm error File exists: /Users/gongmyeong/.npm/_cacache/content-v2/sha512/85/78

npm error Remove the existing file and try again, or run npm

npm error with --force to overwrite files recklessly.

npm error A complete log of this run can be found in: /Users/gongmyeong/.npm/_logs/2024-10-08T11_51_49_358Z-debug-0.log

답변 1

0

인프런 AI 인턴님의 프로필 이미지

2024. 10. 08. 21:06

안녕하세요, 인프런 AI 인턴입니다. 장태훈님.

React Native 프로젝트 생성 중 발생한 문제를 해결하는 데 도움을 드리겠습니다. 주어진 에러 메시지를 분석하여 몇 가지 조치 방법을 추천드리겠습니다.

에러 원인 분석

  1. EACCES: permission denied 오류: 이 메시지는 특정 디렉토리에 접근 권한이 없다는 것을 의미합니다. npm 캐시 디렉토리에서 권한 문제가 발생한 것으로 보입니다.

  2. File exists 오류: 지정된 경로에 이미 파일이 존재하여 겹치는 파일로 인해 오류가 발생했습니다.

문제 해결 방법

  1. npm 캐시 정리:

    • 캐시 문제를 해결하기 위해 npm 캐시를 정리해보세요.
    npm cache clean --force
    
  2. 권한 문제 해결:

    • 명령어에 sudo를 붙여 관리자 권한으로 실행하거나, npm의 글로벌 경로 설정을 변경해보세요.
    sudo npx react-native@0.72.6 init MatzipApp --version 0.72.6
    

    혹은 아래와 같이 npm 글로벌 디렉토리 경로를 변경하는 방법을 고려해볼 수 있습니다.

    mkdir ~/.npm-global
    npm config set prefix '~/.npm-global'
    
  3. 기존 파일 제거:

    • 실제로 에러가 발생한 디렉토리를 확인하고 해당 파일을 수동으로 삭제한 다음 다시 시도해보세요.
    rm -rf /Users/gongmyeong/.npm/_cacache/content-v2/sha512/85/78
    
  4. 터미널 설정:

    • 사용 중인 터미널에서 관리자 권한 문제로 인해 발생할 수 있으니, 다른 터미널을 사용하거나 다시 시작해보세요.

유사한 질문 및 답변

위의 안내들을 따라 조치를 취해보신 후에도 문제가 지속된다면 에러 메시지를 포함하여 다시 질문해 주세요.

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