팀 프로젝트를 하다 보면 다른 사람의 github에서 코드를 clone 하거나 다운로드를 해서 사용하는 경우가 많다.
이번에도 이렇게 사용을 하던 중, React에 관해서 에러가 계속 나서 문제가 생겼던 부분이 있다.
바로 node의 버전이 안 맞아서 계속 에러가 나는 부분인데, 이 부분의 해결방법에 대해서 정리해보고자 한다 (사실 스스로도 나중에 방법을 잊어먹을까 봐 정리하는 느낌도 있다... ㅎ)
일단 에러 코드는 다음과 같이 나타났을 때의 경우이다.
(참고로 이 에러는 yarn start가 되지 않아서 yarn install을 하려고 할 때 발생하는 상황이다.)
| yarn install v1.22.11 [1/4] Resolving packages... [2/4] Fetching packages... error jest-diff@27.1.0: The engine "node" is incompatible with this module. Expected version "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0". Got "12.6.0" error Found incompatible module. info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command. |
이런 경우, node를 최신 버전으로 업데이트를 해야 하는 경우라고 볼 수 있다.
따라서, node 업데이트를 해야 하는데, 여기서 개발환경에 따라서 다른 방법이 요구된다.
1번 경우: mac을 활용하고 있다면, 다음과 같은 코드로 업데이트를 한 후 해결해보면 된다.
| $ sudo npm cache clean -f # 강제캐시삭제 $ sudo npm install -g n # n 모듈 설치 $ sudo n stable # or sudo n 12.14.0 (버전명) $ node -v # 버전 확인 |
사실 이 경우는 나는 사용하지 못했기 때문에 https://question0.tistory.com/40를 참조하는 것이 더 좋다고 생각된다.
[Node.js] 최신버전으로 업데이트 하기
Node 업데이트 $ sudo npm cache clean -f # 강제캐시삭제 $ sudo npm install -g n # n 모듈 설치 $ sudo n stable # or sudo n 12.14.0 (버전명) $ node -v # 버전 확인 Node 업데이트 오류 bash: /usr/bin/node..
question0.tistory.com
2번 경우: windows를 사용하고 있고, nvm으로 node를 다운로드하였을 경우
사실 이 경우를 정리하기 위해서 이 글을 쓰는 이유가 있다.
우선, nvm을 통해서 업데이트를 해야 하므로, 우선 version을 확인해보는 것이 좋다.
nvm --version 을 통해서 다음과 같이 version 뿐만 아니라 다양한 명령어들을 확인해본다.
여기서 nvm install <version> [arch] 부분을 읽어보면, "latest"를 사용할 수 있다고 되어있다.
이에 따라서 nvm install latest를 사용하는 방법을 선택하면 된다.
이렇게 하면 이미 최신 업데이트가 되어있으면 다음 사진과 같이 나타날 것이고,
그렇지 않다면 알아서 업데이트를 실행할 것이다.
마지막으로, nvm use [version]의 명령어를 사용해서 사용하고자 하는 version으로 사용하도록 처리를 하면 된다.
nvm use 16.9.1 을 하면 된다.
이러고 나서 오류가 나던 yarn start를 다시 하면, 제대로 오류 없이 작동하는 것을 볼 수 있다!!!
'리액트(React, React.js)' 카테고리의 다른 글
| [React] node-module이 없을 때(yarn start가 안될 때) 해결방법 (0) | 2021.09.30 |
|---|---|
| [React]styled-components와 Prettier 설치 방법 (0) | 2021.09.10 |
| [React] typescript로 생성 (0) | 2021.09.07 |
| [React]폴더 삭제 후 다시 같은 폴더명으로 생성 시 yarn.lock이 계속 발생하는 문제 해결 (0) | 2021.09.06 |
