[vue/error] Vue packages version mismatch error 해결방법

Vue error 해결방법

Vue packages version mismatch 

---

 

vue 프로젝트 내에 package.json파일을 이용하고 있을 때,

새로 프로젝트를 가져오거나, npm update를 진행한 뒤 해당 에러를 만날 때가 있다.

Vue packages version mismatch: error

 

원인

현재 사용하고 있는 npm 라이브러리의 의존성이 깨질 때 해당 에러가 발생한다.

vue에 의존하는 vue-server-renderer의 버전이 높기 때문이다.

 

 

해결방법

해결은 간단하다 vue-server-renderer와 vue의 버전을 맞춰주면 해결 된다.

 

npm install vue-server-renderer로 설치 시 자동적으로 최신 버전이 설치된다.

하지만 우리는 vue와 버전을 맞춰서 설치해야 되기 때문에 특정 버전을 지정해서 npm을 설치하도록 한다.

 

npm 특정 버전 지정하여 설치하는 방법

기존과 동일하게 npm install을 이용하지만, 뒤에 @후 버전을 적어주면

해당 라이브러리의 버전을 선택하여 설치가 가능하다.

 

npm install vue-server-renderer@2.6.10

 

위의 방법으로 해당 이슈 해결이 가능하다.