npm update package.json에 패키지 업데이트 안됨 - 의존성 패키지 최신 버전 업데이트하기

프로젝트의 의존성 패키지를 최신 버전(latest version)으로 업데이트 하려고했다. 

npm update라는 명령어를 쳐서 업데이트를 했는데 package.json 파일에 새로운 버전으로 업데이트가 절~대 되지않았다. 

 

 

에러메시지가뜨고 npm audit 으로 점검해보라더니 fix --force 를 해도 package-lock.json에만 몇몇 변경사항이 뜨고, 특정 패키지를 update하래도 그 패키지는 package-lock에도 업데이트가 안되고 다른 엄한 패키지들만 업데이트가 되어 있었다. 

 

알고보니 의존성 패키지를 `최신 버전으로` 업데이트하는 명령어는 `npm update`가 아니었다;; 

 

npm update 

npm-update 는 package.json에 정의된 최신버전까지만 업데이트 된다.

 

semVer (semantic version)에 따라 현재 버전이 ^2.3.1 이라면 2.x.x 까지만 업데이트 되고, 현재 버전이 ~5.3.2라면 5.3.x까지만 업데이트 된다.  

 

그럼 어떻게 패키지를 최신버전으로 업데이트할까? 

1. package.json 에다가 수동으로 손수 원하는 버전을 적어줄 수 있다. 

여러 패키지의 경우 일일히 적기 귀찮음. 패키지간 에러 발생 확률 높음. 

 

2. dependencies의 버전 업그레이드를 편하게 관리할 수 있는 npm-check-updates 라는 패키지를 사용할 수 있다. 

이 패키지를 꼭 설치해야만 패키지 업데이트를 할 수 있다고? 싶었는데 종속성에 명시된 패키지를 최신버전으로 한 번에 업데이트 시켜줄 수 있는 현존하는 가장 유명한 방법인듯하다. 

 

npm-check-updates 사용법 

npm-check-updates 패키지를 global로 설치

npm install -g npm-check-updates

 

원하는 패키지 업데이트 하기

ncu 패키지명

 

package.json에 반영하기 

ncu 패키지명 -u

 

 

package.json 확인

이제 최신 버전으로 업데이트된 패키지가 package.json에 잘 나타난다. 

 

 

npm install 

메시지가 알려준 것처럼 버전을 업데이트하고 package.json에 명시했다고 쓸 수 있는게 아니다.

프로젝트에 적용하려면 새로 npm install을 해야한다.

 

 

 

그런데 여기서 에러가 발생했다!

npm ERR! code ERESOLVE

 

에러메시지를 자세히 보니.. @vitejs/plugin-react@4.0.1 라는 패키지가 새로 업데이트한 vite@5.2.11 패키지 버전으로 인해 resolve가 안된다는 것 즉, 호환이 안된다는 뜻이다.

 

해당 @vitejs/plugin-react라는 패키지도 이에 맞춰 업데이트 해준다. 

 

interactive모드에서 원하는 패키지 선택해서 업데이트 하기

ncu --interactive

 

interactive모드로 들어가면 시각화해서 원하는 패키지를 고를 수 있게 보여준다.

 

 

내가 필요한 애만 고른다. 

 

 

interactive모드라서인지 install까지 할 건지 물어본다.

y 치면 아래처럼 성공적으로 dependencies에 설치됨을 볼 수 있다. 

 

 

 

참고자료 

https://stackoverflow.com/questions/39758042/npm-update-does-not-do-anything

https://sentry.io/answers/update-dependencies-in-package-json/

https://blog.stories.pe.kr/271#google_vignette