순항중이던 나의 프로젝트는 3일차이던 어제 문제가 생겼다.
아직 메인페이지의 css 작업을 진행중인 상태라, 라이브러리 혹은
뭔가 복잡하고 무거운(?) 작업은 전혀 하지 않았고, 그사이에 설치한
라이브러리도 없었다.
언제나와 같이 프로젝트를 npm start로 실행한뒤 작업중이였고, 갑작스러운 렉에 새로고침을 누르자 무한로딩과 함께 응답없음 팝업이 뜨기시작했다.
처음엔 별 대수롭지 않게 생각하고 터미널 껏다키기 , 크롬 껐다 키기 vscode 껐다 키기등을 했지만 아무런 변화가 없었다.
error 코드라도 뿜으면 좋으련만.. 터미널에도, 콘솔에도 전혀 아무런 에러코드 없이 그저 실행이 되지 않았다...
그후 구글링을 계속 하였지만 전부 특정 에러와 함께 실행이 안되는 분들이셨고
나와 같이 아무런 출력값없이 무한 로딩에 걸렸다 라는 케이스는 딱 게시글 하나
바로바로 외국인들의 github issue였다..
부족한 영어실력으로 열심히 해석을 해보며 nodemodules도 지워보고 lock.json도 지워보고 다시 깔고 .. 기타등등을 모두 해보았지만 전혀 해결되지 않았다 ㅠㅠ..
커리어리, okky등 여러 커뮤니티에 글을 올려봤지만 아무런 답변도 얻지 못해다 ..!
그리하여 프로젝트 이사를 결정!
새로만든 프로젝트에 코드를 옮겨서 실행시켜봤다.
src폴더를 옮기고, 라이브러리들을 하나씩 설치하며 실행을 해보았을때 stlyed-component에서 문제가 생기는 듯하였다.
dev-dependency에 있던 styled-component관련 코드를 지우고 실행했더니 start가 되었다!!
이것이 문제였군 ㅎㅎ 하며 혹시나 해서 다시 코드를 복구 해놓고 실행했는데 여전히 실행됨 ㅎㅋ 결론 -> 원인을 모르겠다. 이유는 모르겠지만 현재 새로운 프로젝트로 코드를 전부 이사 시킨후 하나하나 새로 라이브러리를 깔고 했더니 실행이 됨!
그렇게 3일차와 4일차가 흘렀다.. 원래 계획은 1주일이였는데
다음주 내에는 끝낼수 있을까?
