1. 문제 상황
(1) 서버 사이드와 클라이언트 사이드 간 HTTP 비동기 통신을 위해 axios가 필요했고, axios를 구성하기 위해 커맨드 라인에서 npm install axios 커맨드를 수행할 때 아래와 같은 npm ERR! code ERESOLVE, ERR! ERSOLVE could not resolve 오류가 발생하게 되었습니다.
2. 문제 원인
- 사용 중인 React, React-DOM 라이브러리의 버전이 설치하려는 axios 라이브러리보다 훨씬 높기 때문에 axios 라이브러리가 이를 따라가지 못하는 것으로 확인됩니다.
3. 해결 방법 / 결과
3-1. 설치하려는 라이브러리와 호환 가능한 React, React-DOM 버전을 확인하여 현재 상태에서 다운그레이드를 수행
- 단, 해당 방법은 React와 React-DOM이 서로 의존 관계이기 때문에 하나의 버전을 다운그레이드 하게 되면 이후에 서로 간 버전이 맞지 않아 새로운 충돌 문제가 발생하게 됩니다. 문제 상황을 더 번거롭게 만드는 방법일 수 있기 때문에 아래와 같은 방법으로 해결하였습니다.
3-2. 기존 커맨드에서 --save --legacy-peer-deps 키워드 추가
(1) --legacy-peer-deps
- 기존 라이브러리들의 버전을 무시하고 설치하고자 하는 라이브러리를 설치합니다.
(2) --force
- package.json 또는 package-lock.json 파일에 여러 가지 의존 버전들을 추가하면서 설치합니다.
(3) 새로운 Command : npm install axios --save --legacy-peer-deps
npm install axios --save --legacy-peer-deps
3-3. 결과
- 해당 커맨드에 대한 작업이 성공적으로 수행된 것을 확인할 수 있었습니다.
- 해당 포스팅에 대해 내용 추가가 필요하다고 생각되면 기존 포스팅 내용에 다른 내용이 추가될 수 있습니다.
- 개인적으로 공부하며 정리한 내용이기에 오타나 틀린 부분이 있을 수 있습니다. 이에 대해 지적해 주시면 감사하겠습니다.
댓글