npm i react-scripts
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-scripts@5.0.1
npm ERR! Found: typescript@5.4.5
npm ERR! node_modules/typescript
npm ERR!   peer typescript@">=4.2.0" from ts-api-utils@1.3.0
npm ERR!   node_modules/ts-api-utils
npm ERR!     ts-api-utils@"^1.3.0" from @typescript-eslint/eslint-plugin@7.12.0
npm ERR!     node_modules/@typescript-eslint/eslint-plugin
npm ERR!       dev @typescript-eslint/eslint-plugin@"^7.2.0" from the root project
npm ERR!     ts-api-utils@"^1.3.0" from @typescript-eslint/type-utils@7.12.0
npm ERR!     node_modules/@typescript-eslint/type-utils
npm ERR!       @typescript-eslint/type-utils@"7.12.0" from @typescript-eslint/eslint-plugin@7.12.0
npm ERR!       node_modules/@typescript-eslint/eslint-plugin
npm ERR!         dev @typescript-eslint/eslint-plugin@"^7.2.0" from the root project
npm ERR!     1 more (@typescript-eslint/typescript-estree)
npm ERR!   dev typescript@"^5.2.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional typescript@"^3.2.1 || ^4" from react-scripts@5.0.1
npm ERR! node_modules/react-scripts
npm ERR!   react-scripts@"*" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: typescript@4.9.5
npm ERR! node_modules/typescript
npm ERR!   peerOptional typescript@"^3.2.1 || ^4" from react-scripts@5.0.1
npm ERR!   node_modules/react-scripts
npm ERR!     react-scripts@"*" 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!
npm ERR! For a full report see:
npm ERR! C:\Users\brave\AppData\Local\npm-cache\_logs\2024-06-06T13_00_23_175Z-eresolve-report.txt

이 에러는 종속성 충돌로 인해 발생하는 것입니다.

이미 설치된 패키지와 새로 설치하려는 패키지의 종속성이 호환되지 않아 발생하는 문제이다.

이를 해결하기 위해 다음 방법을 시도해보세요:

1. package-lock.json 또는 npm-shrinkwrap.json 파일 삭제:

   • 이 두 파일은 프로젝트의 종속성에 대한 자세한 정보를 포함하고 있으며 때로는 버전 충돌을 일으킬 수 있습니다.
   • 이 두 파일을 삭제하고 npm install 또는 npm ci 명령을 실행하여 종속성을 다시 설치해보세요.

2. –legacy-peer-deps 옵션 사용:

   • npm install 명령 뒤에 --save --legacy-peer-deps 옵션을 추가하여 종속성 충돌을 해결해보세요.

예를 들어 다음과 같이 실행해볼 수 있습니다:

npm i react-scripts@5.0.1 react-query --save --legacy-peer-deps