VueJS 하다가 NextJS 하다가 VueJS 했더니 생긴 일

이슈

회사의 front end 프로젝트는 VueJS 로 돼 있고

점진적으로 NextJS 로 이관하고자 새로 NextJS 레포지토리를 만들어 작업하고 있었다.

그 와중에 VueJS 프로젝트를 수정할 일이 생겼는데, VueJS 프로젝트 dev server 를 실행했더니

무슨... hash 값을 생성하는 데에서 버그가 발생하며 app이 종료됐다.

---

 

원인

무슨 이유인가 싶어 구글링 해 보니,NodeJS 버전 이슈란다.

VueJS 는 16.x.x 버전을, NextJS 는 18.x.x 버전을 사용하고 있는데,

NextJS 를 개발할 때 nvm 으로 버전을 변경해서 발생했던 것이다.

---

해결(찜찜한 해결)

단순히 NodeJS 버전을 변경해 주기만 하면 되는데,

IntelliJ (얼티밋) 에서 edit configuration 을  통해 기본 nodeJS 버전을 바꿔줘도 해결되지 않는다.

(물론 ndoeJS default 버전을 16버전으로 바꿔도 해결이 되지 않는다....)

(분명 run 할 때의 메시지에선 16 버전으로 실행 시키는데....종료 메시지에선 18 버전 이라고 나온다..)

 

그래서 터미널에서 nvm 으로 버전을 바꿔준 뒤 동일한 터미널에서 npm 스크립트를 직접 실행했다.

해결은 했지만 근본적인 해결이 되질 않아 뭔가 찜찜하다.