[React] npx create-react-app이 잘 실행되지 않는다면?(NPM 레지스트리 URL 에러)

현재 노마드코더의 'ReactJS로 영화 웹 서비스 만들기' 강의를 듣고 있습니다.

https://nomadcoders.co/react-for-beginners

ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders

 

 

강의를 따라가면서 create-react-app을 사용하기 위하여 Node.js를 설치하고 명령 프롬프트에서 원하는 폴더로 이동해서

'npx create-react-app .'을 입력했지만, 자꾸 오류가 떴다.

그래서 처음에는 Node.js 버전이 문제인가 싶어서 버전 16으로 다운그레이드도 해보고, 학교 와이파이라서 그런가 싶어서 집으로 이동해서 다시 설치도 해보았다. 하지만 오류는 고쳐지지 않았다.

 

명령 프롬프트에서 npx create-react-app .을 입력했을 때 나타나는 에러 문구

 

npm ERR! code ENOTFOUND

npm ERR! syscall getaddrinfo

npm ERR! errno ENOTFOUND

npm ERR! network request to https://regisry.npmjs.org/create-react-app failed, reason: getaddrinfo ENOTFOUND regisry.npmjs.org

npm ERR! network This is a problem related to network connectivity.

npm ERR! network In most cases you are behind a proxy or have bad network settings.

npm ERR! network

npm ERR! network If you are behind a proxy, please make sure that the

npm ERR! network 'proxy' config is set properly. See: 'npm help config' npm ERR! A complete log of this run can be found in: C:\Users\AppData\Local\npm-cache\_logs\2023-08-11T07_45_32_869Z-debug-0.log

 

위와 같은 에러 문구가 나왔다.

 

어떻게 하면 에러를 고칠 수 있는지 궁금해서 chatGPT에게 물어봤다. chatGPT는 인터넷 연결 확인, 프록시 설정 확인, DNS 설정 확인 등 여러 답변을 내놓았다. 그 중에서 눈에 띄는 답변이 하나 있었는데..

 

NPM 레지스트리 URL을 확인하라는 chatGPT의 답변

바로 npm의 레지스트리 URL이 올바르게 설정되어 있는지 확인하라는 답변이었다.

위의 에러 문구도 URL이 등장했기에 혹시 이게 문제인가 싶어서 바로 'npm config get registry'를 입력했다.

 

npm config get registry 입력 결과

https://registry.npmjs.org가 가 써져있어야 하는데, registry에 t가 빠져있다!

그래서 바로 chatGPT의 답변을 따라서 npm의 레지스트리 URL을 수정해줬다.

 

바로 수정해줬다.

 

그리고 다시 'npx create-react-app .'을 작동했더니 정상 실행되었다.

재실행 결과. Ok to proceed?가 뜨면 정상적으로 작동이 된거다.

 

만약에 'npx create-react app .' 명령어가 잘 실행되지 않는다면,

npm config get registry를 입력해서 https://registry.npmjs.org/ 가 뜨는지 확인해보자!

만약에 다른 주소나 알파벳이 빠진 주소가 나온다면,

'npm config set registry https://registry.npmjs.org/' 명령어를 입력해보자.