1. 에러 발생
[React 에러 해결] You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). We no longer support
1. 에러 발생 부끄럽지만 작년에 리액트를 정말 수박 겉핥기식으로만 접한 후, 이제야 다시 제대로 리액트와 프론트엔드 공부, 프로젝트를 시작했다. 먼저 리액트를 이용한 프로젝트를 생성하는
as-j.tistory.com
이 글을 통해 create-react-app을 완료했다고 생각했다. 어떻게 보면 해결하긴 했다. 하지만 위 글의 제목에 해당하는 에러만 발생하지 않을 뿐, 다른 에러가 다시 발생했다. 그 에러는 다음과 같다.
2. 에러 해석
에러 문구가 많긴 하지만 대충만 훑어봐도 react의 몇몇 버전들이 달라서 발생했다고 생각이 들었다. 보통 버전을 표시하는 18.0.0과 같은 형식의 숫자들이 많이 보였기 때문이다.
아마 내가 강의를 따라 하거나 프로젝트를 진행하면서 nodejs 재설치, yarn 설치 등의 과정을 거치면서 npm에 대한 버전 의존성이 꼬였다고 생각이 들었다. 이 부분은 아래 블로그를 보면서 대략적인 느낌만 파악했는데, 추후 npm과 yarn에 대해 다시 직접 비교하고 이해해보며 정리를 해봐야 할 것 같다.
https://velog.io/@kysung95/%EA%B0%9C%EB%B0%9C%EC%83%81%EC%8B%9D-npm%EA%B3%BC-yarn
[개발상식] npm과 yarn
패키지 관리 툴로는 대표적으로 npm과 yarn이 있습니다.여러분들은 평소 어떠한 패키지 설치 모듈을 사용하나요?
velog.io
3. 에러 해결
npm과 yarn에 대한 비교와 아래 글을 통해 아마 내가 에러를 겪는 이유는 이전에 yarn을 설치했다는 점이라고 판단했다. 아래 글에서는 5가지 정도의 해결 방법을 제시해주는데, 그중 맨 마지막에 그냥 yarn을 이용하여 설치하는 방법도 제시해주기 때문이다.
https://www.korecmblog.com/ERESOLVE-unable-to-resolve-dependency-tree/
ERESOLVE unable to resolve dependency tree 해결하기
상황 블로그를 만들기 위해 Gatsby Starter 메뉴얼에 따라서 아래 명령어를 실행했다. 공식 문서에서 제공하는 설치 방법임에도 불구하고 아래와 같은 오류가 발생했다. 자세히 오류를 살펴보면 아
www.korecmblog.com
그리고 실제로도 npx가 아닌 yarn을 통한 아래 명령어를 입력했을 때, 너무나도 편안하게 한 번에 리액트 프로젝트 디렉터리가 설치되는 것을 확인할 수 있었다. 단, 여기서 npx를 통한 명령어와 다르게 create와 react-app 사이는 그냥 띄어쓰기로 입력한다.
yarn create react-app project-name이외의 상황일 경우에는 바로 위 링크의 블로그 글을 참고하는 것이 더 바람직하다고 생각되며, 추가로 yarn이 설치되어 있지 않은 경우는 아래와 같은 명령어를 통해 yarn을 설치할 수 있다.
npm install -g yarn