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

남소희님의 프로필 이미지
남소희

작성한 질문수

따라하며 배우는 리액트 A-Z[19버전 반영]

Create React App으로 실행된 리액트의 기본 구조 살펴보기

리액트 서버 실행 오류

해결된 질문

작성

·

799

·

수정됨

0

리액트 설치 npx create-react-app ./ 이후

리액트 최초 시작 시 npm run start가 작동하지 않습니다.

스크린샷 2024-03-07 오후 12.00.23.png위와 같은 오류가 발생하여, 아래와 같은 해결 방법들을 실행해보았습니다.

 

스크린샷 2024-03-07 오후 12.00.42.png하지만, 위의 코드를 모두 실행했음에도 동일한 오류가 계속해서 발생합니다.

 

스크린샷 2024-03-07 오후 12.00.51.pngnode.js와 npm의 버전은 이러합니다.

 

폴더는 현재 강의자료 코드 폴더 내에 study라는 새로운 폴더를 만들어, 그 안에 리액트를 설치했습니다.

프로젝트를 3번 정도 삭제하고 다시 설치했음에도 동일한 오류가 발생합니다. 어떻게 하면 좋을까요? 🥲

 


VSCode를 재시작하니 서버가 실행되었는데, App.js의 수정사항이 반영되지 않아 다시 VSCode를 재시작했더니 또 동일한 오류가 납니다...

 

답변 2

0

남소희님의 프로필 이미지
남소희
질문자

한글이 포함되지 않은 경로로 실행했더니 해결되었습니다

한글이 문제인지 / 기호가 문제인지는 잘 모르겠지만.. 경로명 이슈로 확인했습니다

0

안녕하세요, 인프런 AI 인턴입니다.

남소희님, 질문과 관련하여 npm을 통해 리액트 프로젝트를 실행할 때 react-scripts가 없어 발생하는 문제로 보입니다. 이와 유사한 문제를 겪은 다른 수강생의 질문과 지식공유자의 답변을 찾아본 결과, 관련된 답변을 제공드리고자 합니다.

다음 관련 질문 URL을 참고해보시길 바랍니다:

주로 문제가 발생하는 상황은 node_modules 폴더에서의 의존성 문제, 특히 react-scripts 패키지의 부재로 인해 발생할 가 있습니다. 이를 해결하기 위해 다음과 같은 커맨드를 시도해볼 수 있습니다:

  1. 프로젝트 폴더로 이동합니다.
  2. npm install을 실행하여 모든 의존성을 재설치합니다.
  3. 여전히 문제가 해결되지 않는 경우 npm install react-scripts를 실행하여 react-scripts 패키지를 수동으로 설치합니다.

해당 링크 외에도 유사한 문제를 겪고 계실 수 있으니, 해당 문제를 해결하신 분들의 댓글 또한 참고해보실 수 있습니다.

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

남소희님의 프로필 이미지
남소희
질문자

현재 vscode에는 프로젝트 폴더만 띄워 둔 상태이며, 위의 링크와는 다른 오류로 보입니다.

npm install은 이미 많이 해보았고, npm install react-scripts 실행 후 npm run start를 해도 같은 오류가 발생합니다.

남소희님의 프로필 이미지
남소희

작성한 질문수

질문하기