npm install 오류

npm verb node v20.11.0
npm verb npm  v10.2.4
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-popper@2.3.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!   peer react@">=16.8.0" from @dnd-kit/accessibility@3.1.1
npm ERR!   node_modules/@dnd-kit/accessibility
npm ERR!     @dnd-kit/accessibility@"^3.1.1" from @dnd-kit/core@6.3.1
npm ERR!     node_modules/@dnd-kit/core
npm ERR!       @dnd-kit/core@"^6.3.1" from the root project
npm ERR!   12 more (@dnd-kit/core, @dnd-kit/utilities, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17 || ^18" from react-popper@2.3.0
npm ERR! node_modules/react-popper
npm ERR! Conflicting peer dependency: react@18.3.1
npm ERR! node_modules/react
npm ERR!   peer react@"^16.8.0 || ^17 || ^18" from react-popper@2.3.0
npm ERR!   node_modules/react-popper
npm ERR!     react-popper@"^2.3.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 i (npm install) 하면 이런 에러가 뜨는데 에러코드 읽어보고,, 찾아보니 dependency 오류라고 한다.

프로젝트 처음 세팅 시에 최신버전으로 설치되다 보니까 버전이 맞지 않아서 생기는 일 !

 

볼드처리 된 부분 보면 confilct를 처리하거나 기존 명령어 뒤에 --force 나 --lagacy-peer-deps를 붙여서 다시 입력해보라고 알려준다.

따라서 package.json에서 호환되는 버전으로 맞추거나, npm i --force or npm i --lagacy-peer-deps를 입력해보면 문제없이 설치되는 것을 확인했다.