Next.jsのプロジェクトをVercelでデプロイしたいがエラーが出る

実現したいこと

エビスコムより発刊されている【作って学ぶ Next.js/React Webサイト構築】という書籍を用いてmicroCMSの構築を勉強しようとしています。

現在、開発環境の構築として、

  1. gitのインストール
  2. ローカルリポジトリの作成
  3. Node.jsのインストール
  4. Next.jsのインストール
  5. github上のリモートリポジトリと接続
  6. Next.jsのプロジェクト一式をリモートリポジトリにPush
  7. Vercelのアカウントとgitアカウントを連携させ、リモートリポジトリからimportしてDeploy

という段階なのですが、このdeployがうまくいかずにエラーが発生してしまっています。

発生している問題・分からないこと

デプロイ中にエラーが発生していまい完了できない。

エラーメッセージ

error

1Error: fetch API response status: 404 2 at /vercel/path0/node_modules/microcms-js-sdk/dist/microcms-js-sdk.js:1:6351 3 at s (/vercel/path0/node_modules/microcms-js-sdk/dist/microcms-js-sdk.js:1:3144) 4 at Object.next (/vercel/path0/node_modules/microcms-js-sdk/dist/microcms-js-sdk.js:1:2435) 5 at r (/vercel/path0/node_modules/microcms-js-sdk/dist/microcms-js-sdk.js:1:204) 6 at c (/vercel/path0/node_modules/microcms-js-sdk/dist/microcms-js-sdk.js:1:415) 7 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) 8> Build error occurred 9TypeError: Cannot read properties of undefined (reading 'map') 10 at getStaticPaths (/vercel/path0/.next/server/pages/blog/[slug].js:306:25) 11 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) 12 at async buildStaticPaths (/vercel/path0/node_modules/next/dist/build/utils.js:493:31) 13 at async /vercel/path0/node_modules/next/dist/build/utils.js:628:115 14 at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/trace/trace.js:79:20) { 15 type: 'TypeError' 16} 17Error: Command "npm run build" exited with 1 18

該当のソースコード

特になし

試したこと・調べたこと

上記の詳細・結果

試したこと

  • .envファイル内のAPI_KEYとSERVICE_DOMAINはそれぞれmicroCMS側で確認できる値を間違いなく設定している
  • 最新のNode.jsを確認したところ20.11.1だったが、教本ではv16だったのでvolta pin node@16というコマンドでバージョンを固定した

補足

特になし

コメントを投稿

0 コメント