内容

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でのデータ取得は出来ているようでした。

参考サイト

Next.jsとStripeではじめるシンプルなECサイト開発ワークショップ

Error: pages with getServerSideProps can not be exported

関連記事:

TS2305: Module ‘”react-router-dom”‘ has no exported member ‘RouteComponentProps’.が表示された時の解決方法 Reactで「Warning: Each child in a list should have a unique “key” prop.」が出た時の解決法 remove_filterでpタグを削除出来ない場合の解決法 Next.jsでMicroCMSのcreatedAt,updatedAt,publishedAt,revisedAtを省略表示する方法