[React] npx create-react-app 오류

React를 실행시키기 위해 create-react-app을 설치해야한다.

create-react-app 은 리액트 프로젝트에 필요한 패키지들을 묶어 리액트 앱을 생성해주는 도구이다. 

npx로 create-react-app 을 설치하는 명령어는 다음과 같다. 

 

하지만 

npx create-react-app 프로젝트명

을 실행했는데 다음과 같은 오류가 났다.

 

Aborting installation.

npm install --no-audit --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.



Deleting generated file... package.json

Deleting react-for-biginners/ from /Users/../Desktop/projects

Done.

 

해결방법은 npx가 아닌 yarn으로 react-create-app 을 실행시키는 방법으로 해결했다.

 

1. npm으로 yarn 설치하기

$ npm install -g yarn

2. yarn으로 create-react-app 설치하기

create-react-app 은 리액트 프로젝트에 필요한 패키지들을 묶어 리액트 앱을 생성해주는 도구이다. 

sudo 없이는 설치가 안되어 나는 sudo 명령어를 이용해줬다.

$sudo yarn global add create-react-app

3. 리액트 앱 생성하기 

$ sudo create-react-app <프로젝트명>

4. 리액트 앱 실행하기 

 

$ cd <프로젝트명>
$ yarn start

 

그러면 브라우저 창 localhost:3000/ 에서 다음과 같이 리액트 화면이 나온다!