[리액트] npx create-react-app 가 실행되지 않을 때

리액트 강의 실습 도중에 터미널 명령어가 안 먹는 오류가 발생했다.

새로운 리액트 애플리케이션을 생성하기 위해 vscode의 터미널에서 명령어를 적었는데 해당 오류가 발생..

(해당 명령어 : npx create-react-app [프로젝트명])

 

해당 오류 메시지를 자세히 보니 npm이 필요한 파일 또는 디렉토리를 찾을 수 없다는 의미였다.

(C:\Users\kim\AppData\Roaming\npm 경로를 찾을 수 없다는 뜻)

 

해결방법

1. Node.js, npm 버전 확인

해당 명령어로 Node와 npm이 제대로 설치되었는 지 확인.

Node.js, npm의 문제는 아닌 걸로 판단하여 react-app을 재설치하기로 결정.

 

2. 리액트 앱 재설치

# create-react-app 제거 후 재설치  
npm uninstall -g create-react-app
npm install -g create-react-app
  
# create-react-app 재실행
npx create-react-app my-app

 

(리눅스,macOS 사용 유저의 경우 맨 앞에 $ 를 붙이면 됩니다)

(터미널에 해당 문구가 뜬다면 프로젝트 생성이 정상적으로 완료된 것)

패키지를 최신 버전으로 재설치하니 문제가 해결됐다.

 

검색을 통해 확인해본 결과 Node.js를 이전 버전으로 다운로드 했을 때 발생할 수 있는 문제였다.

최신 릴리스(4.0.1) 뒤에 있는 create-react-app 4.0.0을 실행 중입니다. 
더 이상 Create React App의 전역 설치를 지원하지 않습니다.

 

필자의 오류와는 달랐지만 답변을 보니 항상 최신 버전을 사용하도록 권장하는 것 같다.

 

참고 자료 : https://stackoverflow.com/questions/64963796/create-react-app-is-not-working-since-version-4-0-1/65043610

create-react-app is not working since version 4.0.1