npm run build時にgetServerSideProps` can not be exportedエラーが表示されるときの解決法

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

Table of Contents

内容

Next.jsでnpm run buildを行った際に表示されたエラーです。

build時は公開用フォルダーの作成以外にも個人のサーバーにアップするためにnext exportをするようpackage.jsonを書き換えていました。

"scripts": {
　"build": "next build && next export",
},

しかし、npm run buildを実行しフォルダーの生成は通っていたのですが、export用のフォルダー生成が出来ないようでした。

その際に出力されたエラーになります。

現状ではgetServerSidePropsを使用したファイルがある場合、exportすることができないためnext buildに書き換える必要があるようです。

"scripts": {
　"build": "next build", //&& next exportを削除
},

この場合、export出来ないため外部サーバーに置くためのフォルダーを生成することが出来ません。

なので、レンタルサーバーなどへデプロイすることができないためVercelなどのクラウドプラットフォームへデプロイすることが解決策となるようです。

また、MicroCMSなどのヘッドレスCMSよりAPIでデータを取得する場合は、getStaticPropsに書き換えてビルド時にデータをロードし、エクスポートすることが可能です。

実際にpackeage.jsonを書き換えてnpm run buildをした後にVercelへデプロイをしたところgetServersidePropsでのデータ取得は出来ているようでした。