1. 문제

페이지가 분명 app 디렉토리 하위에 존재함에도, 갑자기 This Page could not be found. 가 뜬다.

1. 배포는 잘 된다.
   • 배포된 링크는 잘 된다.
2. npm run build 잘 된다.
   • npm run start로 localhost:3000접속하면 또 404가 뜬다.
3. 좀 전까지 잘 되었다.
4. 다른 프로젝트는 실행이 잘 된다.

위와 같은 상태입니다. 이 상태에서 저는, 원인이 뭐지? 싶었다.

이전 npm run dev를 실행했을 때와의 차이점은 shadcn라이브러리를 추가한 후 이러한 점이 발생했다는 점이다. shadcn라이브러리는 Radix UI와 TailwindCSS를 활용하여 재사용할 수 있는 컴포넌트를 다운로드받을 수 있는 라이브러리이다. 다른 라이브러리와의 차이점은, npm install이 아니라, npx로 설치를 한다는 점이다.

2. 해결 방법

shadcdn라이브러리를 제거하기 위해 source control에서 changes를 모두 제거했지만, 파일이 없는 폴더는 changes가 인지하지 못하여, 제거되지 않았던 것이다.

가장 상위에 빈 app 폴더가 생성되어 이를 Next가 app 폴더로 인식하여 빈 페이지라고 계속 떴던 것이었다.

3. 결론

source control에 변경 사항이 분명히 없는데 전처럼 작동이 되지 않는다?

1. .gitignore에 추가된 항목에 문제가 있는 지 확인
   • e.g. node_modules제거 후 npm install / .next 제거 후 npm run dev
2. 빈 폴더 있는 지 확인
   • 추가된 빈 폴더는 source control이 인지하지 못한다.