본문 바로가기

Frontend study

리액트 - Error: Please verackage.json has a valid "main" entry 에러 해결하기

리액트로 진행하는 프로젝트를 깃헙에 업로드하고, 브랜치명을 변경하고 이것저것 하다가 리액트를 
실행했더니 다음과 같은 에러가 나서 당황했다. ㅠㅠ
(폴더명은 모자이크 처리했습니다.)

 

에러를 살펴보면 실행(load)하는 도중에 에러가 생겼다. 

구글링한 결과 다음과 같은 방법으로 해결되어 정리를 

남긴다. 

 

[해결 방법]

  01) npm cache clean --force 명령어로 캐시를 삭제한다.

  02) node_modules 폴더를 삭제한다.

  03) package-lock.json 파일을 삭제한다.

  04) npm install 명령어를 입력해서 node_modules와 package-lock.json를 다시 설치해준다. 

 

위와 같은 에러가나면 node_modules 폴더, package-lock.json 지우고 다시 

npm install 해서 설치하면 해결이 된다. 

왜 이런 에러가 생겼는지 추측한 건데 깃헙에 올린거 pull 해서 가져오고 지우고 
막 이렇게 하다가 패키지가 충돌된거 같다. 

 

다음에 이러한 에러가 나면 이러한 방식으로 바로 해결하자!

 

참고

https://programmerah.com/please-verify-that-the-package-json-has-a-valid-main-entry-processing-method-39557/