はじめに
ローカルでは正常に機能していたが、デプロイするにあたりnpm run buildをしたところコンポーネントのエラーで詰まってしまったのでメモします
問題
ディレクトリ構成は以下の通り
app
└src
└pages
└api
└checkout.tsx
└register.tsx
このcheckout.tsxがエラーでbuildされない
エラーを解消させると動作しなくなる繰り返し
解決
ディレクトリに問題があり、コンポーネントはpages以下に入れるとbuildされない
src以下にlibフォルダを作りその中にcheckout.tsxをいれてnpm run buildすると成功！
app
└src
├lib
└checkout.tsx
├pages
└api
└register.tsx
さいごに
まだまだ勉強を始めたばかりなので、pages以下にはページとして表示されないコンポーネントは入れないということが勉強になりました
（build時にディレクトリ構成のエラーだということは教えてくれない...!）