[오류기록] react babel-jest 호환되지 않는 버전 관련 오류

udemy React 강의를 듣다가 오류를 만났다.

간단하게 첨부되어있는 리액트 파일 압축을 풀어 

npm install 후 npm start만 하면 된다고 강사는 설명하였으나, 

 

npm install을 했는데 중간에 WARN 표시와 함께 시끄러운 안내문구가 떴다. 

 

 

사실 워닝은 말그대로 오류가 아니라 워닝이기 때문에 그냥 넘기려고 하였는데, 

무시하고 npm start를 하니, 

 

 

아래와 같은 오류 메시지가 떴다. 

 

 

오류해결법은 간단했다. 위의 영어안내대로 하면 되는것..

 

내 프로젝트 폴더 안에서

1. package-lock.json (package.json이 아님! 주의!) 혹은 yarn.lock 파일 지우기

2. node_modules 폴더를 지우기

3. package.json파일 안에서 "babel-jest" 를 지우기

4. npm install 혹은 install yarn을 실행하기 

 

---

 

대부분의 경우 여기에서 해결된다고 안내되어있음 

그러나 해결되지 않으면 

 

5. npm 을 썼으면 install yarn을 실행하고 위의 절차 다시 반복하기 

6. node_modules폴더의 babel-jest가 내 프로젝트 디렉터리 밖에 있는지 확인

7. npm ls babel-jest가 프로젝트 폴더에 있는지 확인 

 

여기까지 따라했는데도

만약 문제가 해결되지 않는다면

SKIP_PREFLIGHT_CHECK=true를 넣은 .env 파일을 프로젝트 폴더안에 추가하라.

 

그대로 .env 파일을 만들어서 SKIP_PREFLIGHT_CHECK=true를 붙여넣고 저장하면 

문제가 해결되었다. 

 

이때 주의할 점은 .env파일은 git에 절대 올리면 안되므로 

.gitignore파일을 만들어 .env라고 작성 후 git을 commit하여야 한다.