Vercel のビルドエラー 「Module not found」 の解決方法

Vercel で、以下のようなエラーがでた場合、もし、パスやファイル名に誤りがなければ、Github においてファイル名の変更が反映されていない可能性がある。

Module not found

例えば、以下のようなエラーメッセージの場合は、footer.tsx から Footer.tsx に変更した場合、github では、ファイル名の変更が反映されないので、Vercle でビルドエラーになる。

つまり、Git のデフォルト設定では大文字小文字のみの変更が正しく反映されないため、Vercel 側で古い（間違った）ファイル名のままデプロイされている可能性がある。

だから、一度ファイル名を変更して、コミットしてから、ファイル名を戻すという手順を踏む。

リネームして元に戻す

ファイル名を変更して大文字小文字の変更を反映する

この変更を Git に反映させる。

次に、元の名前（Footer.tsx）に戻す。

変更を再び Git に反映させる。