[npm] npm install 시 에러 발생 해결 방법

문제 발생 상황

💡 문제 상황
회사에서 vue 프로젝트 속에 Chart.js 라이브러리를 적용하려고 패키지를 설치하던 중 설치 단계에서부터 에러가 계속 발생하면서 좌절했다,,,
다음과 같은 에러를 겪고 있다면 해결 방법은 아주 간단하다!!

에러 원인

npm install chart.js 를 터미널에 입력하자 발생한 에러이다.

• 에러가 발생한 원인을 자세히 보면 dependency conflict라고 되어있다.

• npm 버전 7부터 생긴 이슈라고 알려져있다.

해결 방법

• 보통 에러가 발생하면, 해당 에러를 차근차근 읽어보면 해결 방법이 적혀져 있는 경우들이 있다.

• 위에서도 적혀져 있는데, 바로 --force, or --legacy-peer-deps <- 이부분이다.

• --force 또는 --legacy-peer-deps 옵션을 덧붙여서 설치하면 설치가 잘 이루어지는 것을 볼 수 있다!!

💡 --force 와 --legacy-peer-deps의 차이는 무엇일까?
--force : 충돌을 우회한다는 의미 (bypass the conflict)
--legacy-peer-deps : 충돌을 무시한다는 의미 (ignore peer dependencies entirely)

• 결론적으로, --force는 패키지 의존성을 위해 필요한 경우, 추가적으로 패키지를 설치하고,
  --legacy-peer-deps는 그런 고려없이 그냥 무시하고 설치하라는 옵션이다.

💡 관련 자료
npm 버전7 이슈 관련 문서