문제 상황

Vercel로 배포 중이었는데 계속 Failed deployment 라는 메일이 왔다. vercel 배포 페이지에 들어가보니 위와 같이 빨간 글자 투성이었다.

문제 파악

기존에 AiReport 였던 파일명을 AIReport로 변경하면서 발생한 문제였다.

로컬에서 분명 파일명의 소문자 i 를 대문자 I 로 변경했음에도 GitHub에는 여전히 소문자 i 인 채로 남아있었다. 이는 git이 기본적으로 대소문자를 구분하지 않기 때문에 기존 파일명으로 유지되고 있던 것이다.

반면 Vercel은 대소문자를 구분한다. 즉, AiReport와 AIReport를 다른 파일로 인식한다. AIReport로부터 컴포넌트를 import 해오는데, GitHub에 AIReport가 없고 AiReport만 있으니 다음과 같은 에러가 발생한 것이었다.

`Module not found: Error: Can't resolve './AIReport' in '...'` 

문제 해결

1. GitHub의 이전 파일명을 고쳐준다.
   [방법1] GitHub Repository 에서 직접 고치기
   [방법2] 해당 파일을 삭제 후 커밋 → 파일명 변경 후 다시 커밋

2. 다음 커맨드를 실행하여 config 설정을 변경해준다.

   git config core.ignorecase false

References

• Vercel Guide - How do I resolve a 'module not found' error?