Create React App 오류 발생시 해결방법

이 글은 2021년 11월 25일 기준으로 마지막으로 업데이트 되었습니다.

 

❌ 너무 오래걸린다.

---

원래 오래 걸리는 작업이긴 합니다만

10분 이상 기다려도 설치가 완료되지 않을 시, 와이파이나 인터넷 연결문제를 확인해주세요

문제가 없다면 PC의 CPU나 RAM사양을 점검해주세요

 

 

❌  npx create react app 설치 도중 오류 발생 시

---

 

1. Node.js 버전 확인하기

npx create react app 패키지이름

 

설치도중 실패한다면

 

현재 컴퓨터에 설치된 Node.js버전의 문제일 가능성이 있습니다.

다음과 같이 node-v 명령어를 이용하여 node.js 버전을 확인합니다.

 

2021년 11월 25일 기준으로 create react app이 정상 작동하는 Node.js버전은 아래와 같습니다.

 

- 15 버전

- 16 버전 

 

14버전이나 17버전을 사용하는 분들은, 기존에 설치되어있는 Node.js를 제거하고 다시 설치해주세요

 

 

❌  npm : command not found

---

node.js를 설치하신 폴더를 확인해주세요

 

만약 C드라이브에 설치하셨다면, C드라이브 내에서 npx create react app을 수행해주셔야 합니다.

 

만약 그래도 문제가 해결되지 않는다면 Node.js 공식 사이트에서 LTS버전을 다시 다운로드 하시길 바랍니다.

 

❌  permission error  - MacOS (권한 에러)

---

npm ERR! syscall access
npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

위와 같은 권한 문제가 발생하게 되면 해당 폴더의 수정권한이 없기 때문에 발생합니다.

 

$ sudo chown -R `whoami` ~/.npm
$ sudo chown -R `whoami` /usr/local/lib/node_modules

위와 같이 수정권한을 부여하는 명령어를 입력하여 해결 가능합니다.

 

이렇게 하였는데에도 문제가 발생하시면, 구글에 해당 에러를 복사해서 붙여넣으면 여러가지 해결방법을 찾으실 수 있습니다.

 

❌  permission error  - WindowOS (권한 에러)

---

Window에서 권한 관련 오류가 발생하게 될 경우

 

명령프롬프트를 관리자 권한으로 실행시켜주셔야 합니다.

 

또는 VsCode의 터미널에서 이런 권한에러가 발생할 경우

 

아래 블로그를 참고해주시기 바랍니다.

 

https://hianna.tistory.com/549

[VSCode] 터미널 관리자(Admin) 모드로 열기