No version of chokidar, localhost가 연결을 거부

[kh-min7]

첫 npm start 입력 시에는 정상적으로 출력이 되었는데
그 뒤부터는

localhost이(가) 연결을 거부했습니다.
다음을 시도해 보세요.

란 창이 뜹니다.

어떻게 해결할 수 있을까요?

[minhoryang]

@kh-min7 해결을 위해서는 더 자세한 설명이 필요합니다. 예를들면

어떤 환경에서 어떤 코드를 작업하시는데, 어떤 명령 이후에 어떤 동작에 의해 어떤 화면이 어디서 뜨게된 건가요?

[minhoryang]

https://github.com/MicrosoftDocs/mslearn-staticwebapp/blob/main/react-app/package-lock.json 를 확인해보니 chokidar가 존재하는것을 확인할 수 있었습니다. package-lock.json에서 적시되어있다면, 플랫폼 문제(OS/Node version)가 아니라면 설치가 될거라고 예상할 수 있습니다.

• 현재 무슨 버전의 node를 쓰는지 먼저 확인해주셔야 할 것 같습니다. chokidar@2는 node 8이상, chokidar@3은 node 15이상에서 작동한다고 합니다. (package-lock.json을 통한 추측)
• 위의 메세지를 통해 유추해보면 npm install시에도 몇가지 문제가 있었을 것 같습니다. node_modules를 지운 후 npm install을 실행하여, 그 창에서 발생한 메세지를 파일로 저장하여 여기에 첨부해주시면 분석에 도움이 될 것 같습니다.

[minhoryang]

중요한건 현재 과제 가이드라인에는 Node LTS버전을 써달라고 되어있으며, 현재 LTS버전은 14입니다. Node 14버전을 다운받아 설치하셔야합니다. https://nodejs.org/en/download/

[kh-min7]

Node 버전 확인해보니 14여서 말씀해주신대로 순서대로 해봤습니다.
npm install --save-dev chokidar 를 실행하고 npm start를 하니 정상적으로 원하는 결과가 나왔네요.

정말 감사합니다!

[kh-min7]

npm version이 어떻게 되시나요??

npm은 7.20.3
node는 14.17.4 였었네요!

[minhoryang]

@kh-min7 오 그렇다면, package-lock.json 으로 설치가 잘 되었어야했는데, 안된게 조금 신기하네요. 고생하셨습니다.
혹시 나중에 Azure Static Web App의 빌드과정에서도 별 문제가 없는지 한번 확인해주시면 감사하겠습니다.

[minhoryang]

이 질문의 제목을 [react-app] npm start -> No version of chokidar, localhost가 연결을 거부라고 수정한다면, 다른분들이 더 빠르게 도움을 받을 수 있을 것 같습니다.

[kh-min7]

넵 알겠습니다!