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

이재은님의 프로필 이미지
이재은

작성한 질문수

[리액트 1부] 만들고 비교하며 학습하는 리액트 (React)

localhost:8080 접속 불가

작성

·

119

1

안녕하세요 선생님

리액트 프로젝트를 본격적으로 하기 위해 npm i -> npm start로 localhost:8080에 접속해야 하는데

 

자꾸 오류가 나오네요

 

제가 군대에서 수업 듣고 있어서 vscode는 설치를 못하고 대안으로 무료클라우딩 사이트 replit을 이용중입니다.

 

1.PNG2.PNG

 

폴더구조 정확히 맞게 했고 100%그대로 따라 옮겼는데 왜 이런 오류가 나오는지 모르겠습니다.
어떻게 해결해야 될까요? 공부해야 하는데 여기에 막혀서 하루종일 시간 썼네요 ㅠ

 

답변주시면 감사하겠습니다!!

답변 1

0

김정환님의 프로필 이미지
김정환
지식공유자

사용하시는 노드 버전이 20인것 같습니다. 마지막 줄에 Node.js v20.12.2 를 보고 알았어요.

수업에서는 노드 16을 사용합니다.

  • 재은님께서 사용하신 버전으로 실행해보니 저도 같은 오류를 경험했습니다.

  • 노드 16으로 바꿔서 실행하니 정상 동작하고요. 버전을 바꾸신 뒤에는 npm i로 패키지를 다시 설치해 주셔야합니다.

노드 버전 변경 방법은 두 가지가 있습니다.

  1. 현재 사용하시는 노드를 16으로 다시 설치합니다.

  2. 여러 버전을 사용하셔야한다면 NVM(Node Version Manager)를 사용하시면 좋습니다.

 

이재은님의 프로필 이미지
이재은
질문자

해결되었습니다! nvm이라는 새로운 방법도 알게되었네요 ㅎ 감사합니다

김정환님의 프로필 이미지
김정환
지식공유자

오호 다행입니다. 군대에서 공부하시는군요. 멋지십니다. 충성충성!!

이재은님의 프로필 이미지
이재은

작성한 질문수

질문하기