npm run start가 안된다면..!! ( 리액트 웹팩 버전 안 맞을 때 )

"Don't try to install it manually: your package manager does it automatically. However, a different version of webpack was detected higher up in the tree "

프로젝트를 생성하고, npm run start를 하자마자 오류가 났다.

일단 이 에러가 난 이유는, 내 리액트 프로젝트는 4.44.2 버전의 웹팩이 필요한데, 디펜던시 트리 상위 레벨에서 4.43.0버전 웹팩이 발견됐다(?) 는 것이다. 이게 문제가 되니 이 4.43.0 webpack을 포함하는 node_module 삭제해라. (즉, user\node_modules를 삭제해야 함.)

---

※ 해결 방법1 ※ 

위의 내용을 알고있는 상태에서 To fix~로 시작하는 메시지를 따라가 보자.

1. 내 현 프로젝트의 package-lock.json 삭제

2. 내 현 프로젝트의 node_modules삭제

3. 위 이미지의 두번째 노랑색 박스에 있는 node_modules 삭제 (각자 메시지의 경로 확인)

4. 내 프로젝트 터미널에서 npm i 명령어 입력

5. npm run start 하면 잘 됨. 

 

---

 

※ 해결 방법 2 ※ 

위의 문제를 그냥 무시하고 실행하는 방법.

빨간 글씨로 씌여진 메시지 중, 노란 박스 표시를 안 한 메시지의 내용인데, 근본적인 해결 방법은 아니라서 

또 따른 문제와 직면할 수 있다고 한다.

1. 프론트 단에 .env파일 생성한다.

2.  SKIP_PREFLIGHT_CHECK = true 라고 작성하고 저장

다시 실행해 보면 실행된다.

 

---

※ 아래 글을 참고함 ※

github.com/facebook/create-react-app/issues/5972