1. 에러 발생
부끄럽지만 작년에 리액트를 정말 수박 겉핥기식으로만 접한 후, 이제야 다시 제대로 리액트와 프론트엔드 공부, 프로젝트를 시작했다. 먼저 리액트를 이용한 프로젝트를 생성하는 아래 명령어를 실행했을 때, 다음과 같은 에러가 발생했다.
npx create-react-app project-name
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).
We no longer support global installation of Create React App.
Please remove any global installs with one of the following commands:
- npm uninstall -g create-react-app
- yarn global remove create-react-app
The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/
2. 에러 해석
에러를 해석해보면 현재 내가 4.0.3 버전의 create-react-app을 사용하고 있고, 최신 버전은 5.0.0 버전이며, npx에서는 더 이상 create-react-app의 전역 설치(?)를 지원하지 않는다고 해석이 된다. 그래서 이미 사용 중인 create-react-app은 -g나 global 옵션을 통해 삭제하고, 최신 버전 사용법을 확인하라는 것으로 보인다.
하지만 정작 에러에서 제시한 명령어를 사용하더라도 해결되지 않는다는 의견들이 많았고, 나 또한 그랬다.
3. 에러 해결
다른 분들의 글을 참고했을 때, 아래와 같은 명령어를 통해 이 에러를 해결할 수 있었다. 이 명령어는 아마 기존의 create-react-app을 삭제하거나 건드리지 않으면서, 생성하려는 프로젝트는 최신 버전의 create-react-app을 통해 설치할 수 있도록 하는 명령어로 보인다.
npx create-react-app@latest project-name
추가로 여기서 프로젝트명에는 대문자(capital letter)가 포함될 경우 프로젝트 생성이 되지 않는다. 프로젝트명에는 대문자를 넣지 말 것!
'지극히 개인적인 공부 노트 > 리액트(React)' 카테고리의 다른 글
[React] 절대 경로 설정(feat. Absolute imports) (0) | 2022.09.17 |
---|---|
[React 에러 해결] npm ERR! code ERESOLVE (0) | 2022.04.13 |