[Next.js] npm run dev 시 GET 404 발생하는 오류

개인 프로젝트를 진행하려고

• npm create-next-app@latest .... 입력 후
• npm run dev를 하였더니 다음과 같은 오류가 발생했다.

• 설치하지도 않은 파일들을 인식할 수 없다..?
• 프로젝트를 재생성을 3번을 했는데도 계속 반복되어 다른 방법을 찾아보았다

해결 방법

• 답은 이전에 진행했던 프로젝트의 캐시파일 및 서비스 워커 파일
  • 알람 시스템을 구현했었는데, 여기서 사용한 firebase들이 service worker에 남아있었고
  • 웹 브라우저 상에는 캐시가 아직 남아있었다...

• 지금은 삭제되었으나 원래는 여기에 정보들이 있었고, 모두 Unregister를 해주었다.
• 또한, 크롬브라우저에서 이미지 캐시 파일 삭제를 수행해주었고, Application 내에 전 프로젝트와 관련된 정보를 모조리 삭제시켜주었더니 ...

• 잘 실행 되었다!!

느낀점

• 프로젝트 외부에서 이렇게 에러가 걸린적은 처음이라 당황하였으나, 오류 메세지들을 따라가다보니 차츰 감이 잡혔고, 해결할 수 있었다.
• 앞으로 프로젝트를 진행하면 먼저 이전 프로젝트의 캐시파일, 서비스 워커들을 삭제하는 작업을 먼저 해야한다는 것을 알았다...