[오류해결] npm start 시 "There might be a problem with the project dependency tree..."

에러 분석

dependency 오류

버전이 부딪혀서 발생하는 오류입니다

오류 메세지를 보면, 어느 부분에서 버전 오류가 발생했는지 확인할 수 있습니다.

There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

"webpack": "4.44.2" => (무엇이 버전 오류났는지 알려줌)

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:

  /Users/siabaek/node_modules/webpack (version: 5.66.0) => 이곳에서 현재 프로젝트와 다른 버전의 웹팩이 감지되었다

 

 

해결 방법

저와 같은 웹팩 문제라면, 홈 폴더에서 실수로 install 하여 설치가 되었을 수도 있습니다

에러 메세지에서 알려준 위치로 가서 node_modules 파일과 package.json, package-lock.json 파일을 삭제함으로써 해결했습니다.

위에 3개 파일 삭제 후 npm start 실행하니 정상 작동 됩니다 :)

 

 

에러 메세지에서 제안된 해결 방법

1. package-lock.json 파일 삭제

2. node_modules 파일 삭제

3. package.json의 dependencies/devDependencies 부분에서 오류나는 부분 제거

4. npm install 실행 (또는 yarn)

 

1~4단계 진행했는데도 안된다면

 

5. npm 이용한다면 yarn 설치해서 해보기 - (http://yarnpkg.com/) 

6. 프로젝트 디렉토리 외부에 webpack 있는지 확인, 실수로 홈 폴더에 무언가 설치했을 수도 있다 

7. npm ls webpack 실행시켜 확인하기 -웹 팩을 설치한 다른 패키지(예상된 반응 스크립트 제외)가 표시됨

 

그래도 안된다면, 본질적 해결은 어렵지만 무시하고 실행할 수 있는 방법이 있습니다..

.env 파일 생성하고 SKIP_PREFLIGHT_CHECK=true을 추가