리액트 서버 실행 오류

Question

리액트 설치 npx create-react-app ./ 이후 리액트 최초 시작 시 npm run start가 작동하지 않습니다. 위와 같은 오류가 발생하여, 아래와 같은 해결 방법들을 실행해보았습니다.   하지만, 위의 코드를 모두 실행했음에도 동일한 오류가 계속해서 발생합니다.   node.js와 npm의 버전은 이러합니다.   폴더는 현재 강의자료 코드 폴더 내에 study라는 새로운 폴더를 만들어, 그 안에 리액트를 설치했습니다. 프로젝트를 3번 정도 삭제하고 다시 설치했음에도 동일한 오류가 발생합니다. 어떻게 하면 좋을까요? 🥲   VSCode를 재시작하니 서버가 실행되었는데, App.js의 수정사항이 반영되지 않아 다시 VSCode를 재시작했더니 또 동일한 오류가 납니다...

bory16100339 · Answer

한글이 포함되지 않은 경로로 실행했더니 해결되었습니다 한글이 문제인지 / 기호가 문제인지는 잘 모르겠지만.. 경로명 이슈로 확인했습니다

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 남소희님, 질문과 관련하여 npm을 통해 리액트 프로젝트를 실행할 때 react-scripts 가 없어 발생하는 문제로 보입니다. 이와 유사한 문제를 겪은 다른 수강생의 질문과 지식공유자의 답변을 찾아본 결과, 관련된 답변을 제공드리고자 합니다. 다음 관련 질문 URL을 참고해보시길 바랍니다: &ldquo;npm start 오류 때문에질문남깁니다.&rdquo; 지식공유자는 이 경우 해당 디렉토리로 이동한 후 ( cd 명령 사용) 다시 &lsquo;npm start&rsquo;를 실행해보도록 제안하였습니다. &ldquo;npm start가 안됩니다&rdquo; 코드 내의 구문 오류로 인한 문제가 있었던 것으로 보이며, 지식공유자는 코드 수정 방안을 제시하였습니다. 주로 문제가 발생하는 상황은 node_modules 폴더에서의 의존성 문제, 특히 react-scripts 패키지의 부재로 인해 발생할 가 있습니다. 이를 해결하기 위해 다음과 같은 커맨드를 시도해볼 수 있습니다: 프로젝트 폴더로 이동합니다. npm install 을 실행하여 모든 의존성을 재설치합니다. 여전히 문제가 해결되지 않는 경우 npm install react-scripts 를 실행하여 react-scripts 패키지를 수동으로 설치합니다. 해당 링크 외에도 유사한 문제를 겪고 계실 수 있으니, 해당 문제를 해결하신 분들의 댓글 또한 참고해보실 수 있습니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.