[🔫] React Query - node version

문제 발생

평화롭게 리액트 쿼리 강의를 들으려고 레포지토리를 포크 뜬 뒤, 개발 서버를 실행했는데, 다른 프로젝트에서는 잘만 돌아가던 개발 서버가 이 프로젝트에서만 돌아가지 않았다. 자꾸 ERR_OSSL_EVP_UNSUPPORTED 라는 메시지를 띄우며 여러 파일에서 컴파일 오류가 발생해 package.json 파일을 삭제하고 다시 생성해도, NODE 모듈을 삭제하고 다시 설치해봐도 몇 번이고 동일한 문제가 발생했다.

문제 원인

원인은 생각지도 못한 곳에 있었다. Next.js 프로젝트에서는 설치된 Node.js 버전이 너무 낮아 프로젝트 실행이 제대로 안되길래 가장 높은 LTS 버전으로 업데이트했었는데, 이 프로젝트는 Node.js 버전이 16.x여야 개발 서버가 구동했다.

해결 방법

해결 방법은 두 가지로 좁혀졌다.

1. package.json 파일의 npm start 스크립트를 변경한다.
2. nvm 패키지를 활용해 16.x 버전을 설치하고 사용 버전을 변경한다.

좀 더 쉽게 해결할 수 있는 방법이 1번이었기에 먼저 시도했다. 스크립트는 아래와 같았다.

"start": "react-scripts --openssl-legacy-provider start",

그러나 왠지 알 수 없지만, 내 경우에는 이 스크립트가 오류를 해결하지 못했다. 그래서 결국 두번째 방법인 nvm 실행 파일을 다운로드 받아 실행하는 해결 방법을 선택할 수밖에 없었다. 활용 방법은 아래 블로그를 참고하자.

• nvm 사용법: https://kjchoi.co.kr/20

이 방법을 활용해 16 버전으로 낮추고 나서야 개발 서버가 제대로 구동했다.