Next.jsのbuild時に「Error occurred prerendering page …」エラーが発生したときの解決法

投稿日:2022/10/19 最終更新日:2022/10/19

Next.jsのbuild時に「Error occurred prerendering page …」エラーが発生したときの解決法

原因

Next.jsでnpm run buildを実行した際に発生したエラーになります。

参考元を見つつ確認をしてみましたが、どうもundefindedになっているようではないのでフォルダー構成に問題があるようでした。

Make sure to move any non-pages out of the pages folder

上記では「pagesフォルダーに入れるべきでないフォルダーは入れるな!」と意味のようです。

/pagesはルーティングを行うためのフォルダーであり、コンポーネントなど関係のないフォルダーは/pages外へ置かなければいけないのですね。

私の場合はここに該当するようでした。

解決法

上記でも書きましたが、/pages外へ不必要なフォルダーを出しましょう。

例でいえばヘッダー部分やフッター部分などはコンポーネントととして作る場合が多いと思いますが、これらはルーティングに関与しないため/pages外へ出さなければいけません。

私も/componentsフォルダーを入れていましたが、すべて/pages外に出したところ正常にビルドが出来ましたのでおそらく多くの人がこの原因になるかと思います。

参考

https://zenn.dev/sti320a/articles/16a2851282ce3b