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

인프런 커뮤니티 질문&답변

강성빈님의 프로필 이미지

작성한 질문수

처음 만난 리액트(React)

npx create-react-app my-app 명령어 반응없음

작성

·

308

1

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

안녕하세요.

npx create-react-app my-app 명령어를 입력하면 어떤 에러가 발생하는 것도 아니고, 성공했다는 메시지도 나오지 않고 다시 명령어를 입력할 수 있는 상태로 돌아갑니다. nodeJs 버전은 22.12.0 이고 npm 버전은 10.9.0 입니다.

에러가 발생하지 않으니 해결 방법을 찾기가 쉽지 않아서 질문 남깁니다.

 

감사합니다.

답변 3

0

Coding bear님의 프로필 이미지

vite 빌드 도구를 이용해 보세요.

# 리액트 프로젝트 생성
npm create vite@latest my-react-app -- --template react
# 해당 프로젝트 폴더로 이동
cd my-react-app
# 관련 패키지 설치하기 
npm install
# 리액트 프로젝트 실행
npm run dev

0

Inje Lee (소플)님의 프로필 이미지
Inje Lee (소플)
지식공유자

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

 

성빈님 컴퓨터에서 발생하는 문제의 정확한 원인은 모르겠지만,
현재 리액트 19 정식 릴리즈로 인해 create-react-app이 제대로 작동하지 않습니다.
그래서 아래 명령어를 참고해서 Yarn 설치하고, Yarn을 사용해서 리액트 앱을 생성하고 실습을 진행해보시기 바랍니다!

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

 

감사합니다.

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 강성빈님.

npx create-react-app my-app 명령어를 실행했을 때 아무런 반응 없이 터미널이 돌아오거나, 예상한 대로 앱이 생성되지 않는 문제를 겪고 계신 것 같습니다. 이러한 문제는 다양한 원인으로 발생할 수 있지만, 아래 몇 가지 해결 방안을 시도해 보시기 바랍니다:

  1. npm 캐시 초기화: npm의 캐시 파일이 손상되었을 수 있으므로 캐시를 초기화합니다.
   npm cache clean --force
  1. Node.js 재설치: 설치된 Node.js 버전에 문제가 있을 수 있으므로, Node.js를 다시 설치하는 것도 고려해 보세요.

  2. create-react-app 최신 버전 설치 후 시도: 직접 create-react-app을 최신 버전으로 글로벌 설치한 후 시도해 볼 수 있습니다.

   npm uninstall -g create-react-app
   npm install -g create-react-app
  1. 다른 터미널 사용: 사용 중인 터미널이 문제를 일으킬 수 있으며, 경우에 따라 다른 터미널(예: CMD, PowerShell, Git Bash 등)을 사용하는 것도 해결책이 될 수 있습니다.

이와 유사한 문제를 여러 사용자들이 겪었으며, 아래 관련된 질문과 해결 방법 링크를 참고해 보시면 더 도움이 될 것입니다:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.