はじめに
すごい初歩的ですが、「Module not found: Can't resolve 'date-fns'」のエラーが発生したので、その対処法を書いておきます。
VercelでModule not found: Can't resolve 'date-fns'のエラー
ローカルでnpm run buildした際は何も問題なかったのですが、Vercelにデプロイすると以下のエラーが発生しました。
[11:41:39.815] Failed to compile.
[11:41:39.816]
[11:41:39.816] ./src/app/components/ReportList.tsx
[11:41:39.816] Module not found: Can't resolve 'date-fns'
[11:41:39.816]
[11:41:39.817] https://nextjs.org/docs/messages/module-not-found
date-fnsは日付のフォーマットで使用していました。
解決方法
シンプルに対象プロジェクトでnpm i date-fnsしてなかったためです。
ローカルで使えてたのはおそらく前にdate-fnsをグローバルにインストールしていたのかもしれません。
おわりに
ローカルでうまくいくのに、デプロイするとうまくいかないはあるあるなので、今後も意識しながらやっていきたいです。