解決したいこと
Nuxt.js+microCMSで生成した記事の更新・削除時と、リポジトリ内の別ファイルを更新したときのどれかを行ったとき、Netlifyに自動ビルドしたい。
元々自前のHTML,CSS,JavaScriptで静的なWEBサイトをNetlify経由で公開していました。
このサイトにNewsページを追加するにあたってヘッドレスCMSを用いたら効率的ではないかと思い、Nuxt.js+microCMSの公式ドキュメントに行き着きました。
諸々のセッティングは上手くいっていたのですが、ファイルのホスティングというのでしょうか、自動ビルドの設定をどうしたら良いか分からず、色々検索して出たものを試してみましたが解決できませんでした。
利用環境:Windows,Nuxt.js2,microCMS,Netlify
エディタ:VSCode
発生している問題・エラー
12:42:28 AM: ──────────────────────────────────────────────────────────────── 12:42:28 AM: 1. Build command from Netlify app 12:42:28 AM: ──────────────────────────────────────────────────────────────── 12:42:28 AM: 12:42:28 AM: $ npm run generate 12:42:29 AM: npm ERR! Missing script: "generate" 12:42:29 AM: npm ERR! 12:42:29 AM: npm ERR! To see a list of scripts, run: 12:42:29 AM: npm ERR! npm run 12:42:29 AM: npm ERR! A complete log of this run can be found in: 12:42:29 AM: npm ERR! /opt/buildhome/.npm/_logs/2022-01-10T15_42_29_166Z-debug.log 12:42:29 AM: 12:42:29 AM: ──────────────────────────────────────────────────────────────── 12:42:29 AM: "build.command" failed 12:42:29 AM: ──────────────────────────────────────────────────────────────── 12:42:29 AM: 12:42:29 AM: Error message 12:42:29 AM: Command failed with exit code 1: npm run generate 12:42:29 AM: 12:42:29 AM: Error location 12:42:29 AM: In Build command from Netlify app: 12:42:29 AM: npm run generate 12:42:29 AM: 12:42:29 AM: Resolved config 12:42:29 AM: build: 12:42:29 AM: command: npm run generate 12:42:29 AM: commandOrigin: ui 12:42:29 AM: environment: 12:42:29 AM: - CI 12:42:29 AM: - INCOMING_HOOK_BODY 12:42:29 AM: - INCOMING_HOOK_TITLE 12:42:29 AM: - INCOMING_HOOK_URL 12:42:29 AM: - NODE_VERSION 12:42:29 AM: publish: /opt/build/repo/dist 12:42:29 AM: publishOrigin: ui 12:42:29 AM: Caching artifacts 12:42:29 AM: Started saving node modules 12:42:29 AM: Finished saving node modules 12:42:29 AM: Started saving build plugins 12:42:29 AM: Finished saving build plugins 12:42:29 AM: Started saving pip cache 12:42:29 AM: Finished saving pip cache 12:42:29 AM: Started saving emacs cask dependencies 12:42:29 AM: Finished saving emacs cask dependencies 12:42:29 AM: Started saving maven dependencies 12:42:29 AM: Finished saving maven dependencies 12:42:29 AM: Started saving boot dependencies 12:42:29 AM: Finished saving boot dependencies 12:42:29 AM: Started saving rust rustup cache 12:42:29 AM: Finished saving rust rustup cache 12:42:29 AM: Started saving go dependencies 12:42:29 AM: Finished saving go dependencies 12:42:31 AM: Build failed due to a user error: Build script returned non-zero exit code: 2 12:42:31 AM: Creating deploy upload records 12:42:31 AM: Failing build: Failed to build site 12:42:31 AM: Failed during stage 'building site': Build script returned non-zero exit code: 2 12:42:31 AM: Finished processing build request in 18.437273402s
自分で試したこと
公式ドキュメント、その他の資料のことを試しました。
例
https://blog.microcms.io/microcms-nuxt-jamstack-blog/
https://qiita.com/sakapun/items/25d96f1ce1d76eeda603
https://teratail.com/questions/181411
https://github.com/nuxt/create-nuxt-app/issues/560
WEBサイト開発自体が初学者のため、具体的な仕組みがよく分かっていない可能性もあります。
今回のようにWEBコンテンツの一部にNuxt.jsを用いた例を検索しても上手く出てこず、途方に暮れています。
Nuxt.jsの公式ドキュメントでは「静的ジェネレータの生成の場合」と「サーバーサイドレンダリングのみの場合」で設定が違うようでしたがこれが関係あるのでしょうか?(https://nuxtjs.org/ja/deployments/netlify/#%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E3%82%B5%E3%82%A4%E3%83%89%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0%E3%81%AE%E3%81%BF%E5%90%91%E3%81%91)
フォルダの構成は
となっています。
他不足した情報がありましたらお手数ですがご教示くださいませ。
何卒宜しくお願い致します。
あなたの回答
tips
プレビュー