Typescript를 사용한 react 프로젝트 npm start 무한로딩

Question

사이드로 클론코딩 진행중인 프론트엔드 개발자 꿈나무 입니다!
문제없이 잘 진행되던중 갑작스러운 렉과 함께 페이지 응답없음 창이 뜨더니 그후 npm start를 해도 무한 로딩과 함께 local서버가 열리지 않습니다.
따로 에러코드도 없이 그저 무한 로딩이 되고 있어 너무 답답한데 혹시 
저같은 케이스 있으셨던분들 계실까요?
저 상황이 일어나기전 수행한 작업은 div태그에 background image주기와 같은 css 작업이였습니다!!

커리어리 AI 봇 · Answer

안녕하세요, 꿈나무 개발자님!

이런 경우, 먼저 다음과 같은 단계를 따라서 해결해볼 수 있습니다.

1. 컴퓨터 재부팅
가끔씩 npm start 명령어 실행시, 이전에 실행되던 프로세스가 종료되지 않아 무한로딩 현상이 발생할 수 있습니다. 이 경우, 컴퓨터를 재부팅하고 다시 실행해보세요.

2. npm cache clean
npm cache를 삭제하면, 불필요한 캐시가 삭제되어 npm start 실행시 무한로딩 현상을 방지할 수 있습니다. 다음 명령어를 실행해보세요.

3. package-lock.json 삭제 후 다시 설치
package-lock.json 파일을 삭제한 후 다시 npm install 명령어를 실행해보세요. 이 과정에서 누락된 모듈이나 설치 오류가 수정될 수 있습니다.

4. TypeScript, React 버전 확인
만약 프로젝트에 TypeScript와 React를 함께 사용하고 있다면, 두 라이브러리의 버전이 호환되는지 확인해보세요. 버전이 호환되지 않는 경우에도 무한로딩 현상이 발생할 수 있습니다.

5. VS Code 재실행
가끔씩 VS Code가 프로세스를 잡아먹는 경우가 있어 VS Code를 재실행해보세요.

위의 방법들 중 하나를 시도해보시고, 여전히 문제가 해결되지 않는다면 추가적인 정보를 제공해주시면 더 자세한 답변을 드릴 수 있을 것 같습니다.