[ERROR] npm i 설치오류 (npm ERR! code ERESOLVE)

발생경위

새로운 프로젝트 설치를 하던 도중...

나는 npm i 만 했을 뿐인데....🥲

 

에러전문

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.1.6
npm ERR! node_modules/typescript
npm ERR!   dev typescript@"^5.1.6" from the root project
npm ERR!   peer typescript@">= 2.7" from fork-ts-checker-webpack-plugin@6.5.3
npm ERR!   node_modules/fork-ts-checker-webpack-plugin
npm ERR!     fork-ts-checker-webpack-plugin@"^6.5.0" from react-dev-utils@12.0.1
npm ERR!     node_modules/react-dev-utils
npm ERR!       react-dev-utils@"^12.0.1" from react-scripts@5.0.1
npm ERR!       node_modules/react-scripts
npm ERR!         react-scripts@"5.0.1" from the root project
npm ERR!   1 more (tsutils)
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@"5.0.1" 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@"5.0.1" 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 install typescript@4

typescript의 버전을 4로 다운그레이드한다.

 

 

에러코드를 자세히 읽어 보면

npm ERR! Found: typescript@5.1.6  // 내 타스 버전

npm ERR! peerOptional typescript@"^3.2.1 || ^4" from react-scripts@5.0.1 // 필요한 타스 버전
npm ERR! node_modules/react-scripts
npm ERR!   react-scripts@"5.0.1" from the root project

typescript의 ^3.2.1 이나 ^4 버전이 필요하단다. 

 

잘 다운그레이드 됐다

 

잘 실행된다.