인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

tchineoijeu1239764's profile image
tchineoijeu1239764

asked

First Encounter with React

npx create-react-app my-app

Written on

·

389

1

npx create-react-app 까지는 잘 되는데 그 밑으로는 이런 오류가 뜨면서 되지가 않습니다.

asdfqawe.png

.

HTML/CSSjavascriptreact

Answer 2

1

리액트 19버전으로 변경되면서 npx create-react-app 으로 리액트 프로젝트 생성 방법은 오류가 발생하는 이슈가 있습니다.

그래서 yarn 으로 설치하거나 요즘 뜨는 Vite 빌드 도구를 이용하여 프로젝트를 설치합니다.

# yarn 설치하기 
npm install --global yarn
# yarn 으로 리액트 프로젝트 생성하기
yarn create react-app my-react-project
# 해당 프로젝트 폴더로 이동하여 실행
cd my-react-project
yarn start

vite 를 이용해서 리액트 프로젝트를 생성해 보세요. 빠르게 생성하고 실행하며 실습을 진행할 수 있습니다.

# vite 로 리액트 프로젝트 생성
npm create vite@latest my-react-project -- --template react
# 설치된 프로젝트 폴더로 이동
cd my-react-project
# package 설치
npm install
# 리액트 앱 실행
npm run dev

1

soaple님의 프로필 이미지
soaple
Instructor

안녕하세요, 소플입니다.

 

현재 리액트 19 정식 릴리즈로 인해 create-react-app이 제대로 작동하지 않습니다.
우선 아래 명령어를 참고해서 Yarn 설치하고, Yarn을 사용해서 리액트 앱을 생성하고 실습을 진행해주세요!

npm install -g yarn
yarn create react-app my-app

 

감사합니다.

tchineoijeu1239764's profile image
tchineoijeu1239764

asked

Ask a question