@Crushed-Frog

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

Netlifyに自動ビルドしたい(ヘッドレスCMSの更新とリポジトリ内別ファイルの更新のいずれかで)

解決したいこと

Nuxt.js+microCMSで生成した記事の更新・削除時と、リポジトリ内の別ファイルを更新したときのどれかを行ったとき、Netlifyに自動ビルドしたい。

例)
元々自前のHTML,CSS,JavaScriptで静的なWEBサイトをNetlify経由で公開していました。
このサイトにNewsページを追加するにあたってヘッドレスCMSを用いたら効率的ではないかと思い、Nuxt.js+microCMSの公式ドキュメントに行き着きました。
諸々のセッティングは上手くいっていたのですが、ファイルのホスティングというのでしょうか、自動ビルドの設定をどうしたら良いか分からず、色々検索して出たものを試してみましたが解決できませんでした。

発生している問題・エラー

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

該当するソースコード

image.png

自分で試したこと

公式ドキュメント、その他の資料のことを試しました。

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を用いた例を検索しても上手く出てこず、途方に暮れています。

フォルダの構成は

A――――index.html
 |-- about -- character -- index.html
|-- news -- nuxt.js色々
|-- dist -- (ランダム生成の名前) --index.html

となっています。
他不足した情報がありましたらお手数ですがご教示くださいませ。
何卒宜しくお願い致します。

0 likes

No Answers yet.

Your answer might help someone💌