実現したいこと
エビスコムより発刊されている【作って学ぶ Next.js/React Webサイト構築】という書籍を用いてmicroCMSの構築を勉強しようとしています。
現在、開発環境の構築として、
- gitのインストール
- ローカルリポジトリの作成
- Node.jsのインストール
- Next.jsのインストール
- github上のリモートリポジトリと接続
- Next.jsのプロジェクト一式をリモートリポジトリにPush
- 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 コメント