[React]React 의존성 충돌 해결

외 않되

React 프로젝트 생성 중에 에러가 발생했다.!!!!!!!!!!!!!!!!

Installing template dependencies using npm...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: reactstudy@0.1.0
npm ERR! Found: react@19.0.0
npm ERR! node_modules/react
npm ERR!   react@"^19.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^18.0.0" from @testing-library/react@13.4.0
npm ERR! node_modules/@testing-library/react
npm ERR!   @testing-library/react@"^13.4.0" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR!

 

내가 생각했을 때는 평소에는 그냥 생성하던 것을 template 옵션을 추가해서 생긴 에러같은데,

여기서 내가 말하는 template은 대멋사 제공 필요없는 파일을 다 제거한 기본적으로 개발하기 위해 남기는 초기 상태의 필수적인 파일만 남은 basic한 상태를 말하는 데 혹시나 시도해보고 싶은 사람에게는

npx create-react-app <프로젝트명> --template basic-react

를 추천한다. 

별 문제 없다면 바로 잘 생성되겠지만 ,, 나와 같은 경우는 

react@19.0.0을 사용하고 있는데, @testing-library/react@13.4.0이 React 18을 요구하면서 의존성 충돌이 발생했다.

그렇게 해결하는 데에 큰 이슈가 발생하지 않았지만 이에 대한 해결책은

npm install --legacy-peer-deps

이 옵션은 peerDependencies 충돌을 무시하고 설치해준다. 무시라는 단어가 자극적이긴 하지만 제일 .. 간단하고 안전한 해결법이다. 

이게 불안하면 버전을 다운그레이드해서 버전을 맞춘다음 하는 법이 있긴 하다 .

그렇지만 그렇게 하기 위해서는 삭제하고 다시 설치하고의 복잡한 해결이기에. 위와 같은 방법으로 되지 않는 다면,, 해보시길 

 

나는 또 하나의 에러가 났다.

npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /Users/jiyujin/package.json
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, open '/Users/jiyujin/package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm install --legacy-peer-deps를 실행했지만, 현재 경로 (/Users/jiyujin/)에 package.json이 없어서 에러가 발생했다.
즉, 프로젝트 폴더가 아닌 홈 디렉터리 (~ 또는 /Users/jiyujin/)에서 명령어를 실행한 것 이다.

cd ~/내_프로젝트_폴더
ls

꼭 내가 생성한 프로젝트 폴더 안에서 

npm install --legacy-peer-deps

설치를 해주어야 한다. 

설치를 해주고 났을 때 

removed 5 packages, and audited 1473 packages in 1s

272 packages are looking for funding
  run npm fund for details

9 vulnerabilities (3 moderate, 6 high)

Some issues need review, and may require choosing
a different dependency.

Run npm audit for details.

이와 같은 에러가 난다면.. 설치는 성공했으나 몇가지의 경고 warning 사항을 알려준다. 

• 272 packages are looking for funding → 무시해도 됨 (오픈소스 후원 관련 메시지)
• 9 vulnerabilities (3 moderate, 6 high) → 보안 취약점이 있는 패키지가 있음

보안은 그래도 중요하니까..

보안 취약점 자동 수정 명령어를 실행 

npm audit fix

그 다음 

npm start

로 잘 실행되는 지 확인하자!!! 

잘 실행된다면 문제 해결 완료!!!