Next

  • 投稿日:
  • 更新日:

【Next.js】vercelデプロイ時にエラーType error: Cannot find module '@/components/someComponents' or its corresponding type declarations.

結論

Gitはデフォルトの設定ではファイル名の大文字、小文字の区別がされない。

発生状況

Next.jsとTypeScriptで作成したプロジェクトGithubからvercelにデプロイを試みた際に発生。
ローカルでのBuildは成功する。

原因

該当ファイルをバージョン管理への追加後、ファイル名の大文字、小文字を変更したため。
結論で述べた通り、Gitはデフォルトでは大文字、小文字の区別がされない。
その為、変更前のファイル名でバージョン管理が行われており、エラーが発生したファイルからimportが失敗。

解決方法

git mv 【現在のファイル名】【新しいファイル名】


上記を行い、正しいファイル名をバージョン管理することで解決した。

対策

git config --global core.ignorecase false


コマンドラインで上記を実行することにより、Gitが大文字、小文字を区別するようになる。


参考サイト様