[Vue.js #6] Vue2 라우터 설치 오류 (ERESOLVE unable to resolve dependency tree)

vue2 cli로 vue 프로젝트를 진행하던 중, 라우터를 사용하려는데 

설치 중에 오류가 났다.

 

아래와 같은 오류 발생

npm i vue-router

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: saekdong@1.0.0
npm ERR! Found: vue@2.6.14
npm ERR! node_modules/vue
npm ERR!   vue@"^2.5.11" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^3.0.0" from vue-router@4.0.12
npm ERR! node_modules/vue-router
npm ERR!   vue-router@"*" 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 ERR! 
npm ERR! See /Users/kwonet/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/kwonet/.npm/_logs/2022-02-27T15_47_41_627Z-debug.log

서치해보니 아래와 같이 해결할 수 있다고 해서 했지만,

똑같은 에러가 났다.

npm i --legacy-peer-deps

 

위 에러는 vue2 프로젝트에서 라우터를 사용하려고 할 때, peer dependency(특정 모듈이 다른 모듈과 함께 의존성을 가지는 것)가 안맞아서 생기는 오류라고 한다. 즉 모듈 간의 의존성이 없어 발생한 에러인 것이다.

나 같은 경우에는 npm version과 vue router모듈간의 의존성에 문제가 있었다. 

 

 

npm 버전을 확인해보니 8.1.2 였다. 이를 아래 해결코드로 바꿔주면 된다.

npm --version
>>8.1.2

---

 

 

<해결 코드>

npm 버전을 아래와 같이 바꿔주었다.

npm install -g npm@6.14.8

다시 설치해보니

npm i vue-router

정상적으로 설치 완료!

 

 

 

npm 버전 7 언저리까지도 위 에러가 발생하는듯.

 

 

[참고]

https://github.com/vuejs/vue-cli/issues/6270

peer dependency confilct when creating projects using vue 2 on npm 7 · Issue #6270 · vuejs/vue-cli