ERESOLVE unable to resolve dependency tree - npm install 오류

 

 

React 공부 중에 npm install을 통해 라이브러리를 추가하다 오류가 발생했다.

 

 

"ERESOLVE unable to resolve dependency tree"라는 오류 메시지를 뱉는다.

 

메시지를 읽어보면 지금 사용 중인 리액트 버전과 내가 설치하려는 라이브러리가 의존 중인 리액트 버전이 서로 맞지 않아서 발생하는 오류라는 것 같다.

--force나 --legacy-peer-deps를 붙여서 시도해 보면 해결이 될 거라고 한다.

 

 

 

 

 

npm이 알려준 방법을 포함해서 해결 방법은 크게 서너 가지가 있을 것 같다.

 

1. 사용 중인 npm, 프레임워크/라이브러리에 맞는 버전을 찾아 설치하기

진짜 충돌이 발생할 수 있는 라이브러리라면 이렇게 해야겠지만.. 

 

 

찾아보니 또 지원되는 것 같아서 다른 방법을 찾았다.

 

 

 

2. node_modules, package-lock.json 삭제 후 npm install 다시 하기

$ rm -rf node_modules
$ rm package-lock.json
$ npm install

npm  install을 기다리기 싫어서 이 방법은 쓰지 않았다.

 

 

 

3. --force를 추가해서 설치하기

$ npm install 이름 --force

--force를 붙이면 dependency가 추가로 업데이트하는 방식으로 충돌을 우회해서 다시 설치 시도를 한다.

 

 

 

4. --legacy-peer-deps를 추가해서 설치하기

$ npm install 이름 --legacy-peer-deps

peer dependency를 아예 무시하고 다시 설치 시도를 할 수 있다.

내 경우에는(아마 대부분의 경우에도) 실제로 지원 안 되는 버전은 아니기 때문에 이 방법으로 오류를 해결했다.

 

하지만 진짜 호환이 되지 않는 버전의 라이브러리를 --legacy-peer-deps를 통해 설치해 버리면 문제가 발생할 수 있을 것 같다.

다음에 또 오류가 발생하면 1 > 2 > 3 > 4 순으로 시도해 보는 게 좋을 것 같다. 

 

 

 

설치 완료

 

 

 

 

 

 

 

참고 : https://github.blog/2021-02-02-npm-7-is-now-generally-available/