npm start error 해결하기(throw err, 3시간 동안의 삽질)

🔥 Error message

👉🏻 평소와 같이,create-react-app으로 React 프로젝트를 만들고 npm start로 띄우려는데 아래와 같은 에러를 만나게 되었다.

throw err; ^ error: error:0308010c:digital envelope routines::unsupported

쉽게 해결될 것이라 생각하고, npm install도 다시 실행하고, 경로가 맞는지도 확인했지만 동일한 에러 메세지만 뜰 뿐이였다.

🔎 시도한 방법

👉🏻 터미널에서 안내해주는 방법부터 구글링, 스택오버플로우까지 해결 방법이라고 나온 거의 모든 것들을 하며 약 3시간 정도 시간을 보낸 것 같다 ....

1) 경로 확인하기
2) node_module, package-lock.json 삭제하고 npm install 다시 하기
3) --force 강제로 실행하기
4) node 버전 확인하기(삭제 후 안정화된 버전으로 재설치)
5) 파일 새롭게 생성하기
6) npm 캐시 삭제하고 다시 npm 설치하기
등등

마지막에 블로깅에서 찾은 방법으로 시도했더니 일단 error message는 사라졌고, local 화면이 열리게 되었다!

🎁 해결 방법

👉🏻 마지막에 시도한 방법이다!

// 1. .env 파일 생성
// 2. .env 파일에 SKIP_PREFLIGHT_CHECK=true 작성
SKIP_PREFLIGHT_CHECK=true

.env 파일을 생성하고 파일 내에 SKIP_PREFLIGHT_CHECK=true를 넣어서 오류를 무시하는 방법인 것이다. 아마 이것이 적합한 해결은 방법은 아닐 것 같다..

이렇게 생각지도 못한 에러를 만나게 되면 3시간은 무섭게 지나가는데...이번에 만난 에러의 원인이 무엇인지 조금 더 찾아보는 시간을 가져야겠다.