Netlify: NextJS 프로젝트를 배포할 때 스타일과 JS가 로드되지 않는 문제

문제

배포 에러와 404 낫 파운드를 지났더니, 이젠 배포도 잘 된 것처럼 보이고, 이젠 되겠거니 생각을 했는데.. 이젠 스타일과 자바스크립트 파일이 로드가 되지 않는 에러가 발생했다.

해결

로컬 환경에선 잘 작동했기에, 이것 역시 넷트리파이 배포 설정 문제라고 생각하고 여기 저기 찾아봤다. Thanks, Google!

나와 비슷한 현상을 겪은 사람들의 대부분이 넷트리파이가 자동적으로 public 디렉토리에 생성한 파일(index.html) 때문에 발생한 현상이라고 하나, 나는 그런 파일이 없었다.

그리고 내 배포로그를 확인해보니

배포 로그상 이런 경고 메시지가 남아있었다.

배포를 위해 생성한 netlify.toml 파일 내 리디렉션 항목이 아래와 같이 생성되어 있었고, 해당 내용을 지우는 것으로 해결했다.

[[redirects]]
  from = "/*"
  to = "/"
  status = 200

에러 발생한 화면

해결한 화면