NetlifyにVuepressをDeployしたいのですが、エラーが出ます。

Question

こんばんは。お世話になります。

現象

NetlifyのDeploy logです。

1:16:12 AM: Build ready to start
1:16:14 AM: build-image version: 6dfe19d15f524c85d6f9bf7df9fb30b0a9f0a61a
1:16:14 AM: build-image tag: v3.3.10
1:16:14 AM: buildbot version: 6bb3f784302b4ad90de13035b247a363a8bee34a
1:16:14 AM: Fetching cached dependencies
1:16:14 AM: Failed to fetch cache, continuing with build
1:16:14 AM: Starting to prepare the repo for build
1:16:15 AM: No cached dependencies found. Cloning fresh repo
1:16:15 AM: git clone https://github.com/YusukeOIT/vuepress_sample
1:16:15 AM: Preparing Git Reference refs/heads/master
1:16:16 AM: Starting build script
1:16:16 AM: Installing dependencies
1:16:17 AM: v10.20.1 is already installed.
1:16:18 AM: Now using node v10.20.1 (npm v6.14.4)
1:16:18 AM: Attempting ruby version 2.6.2, read from environment
1:16:20 AM: Using ruby version 2.6.2
1:16:21 AM: Using PHP version 5.6
1:16:21 AM: 5.2 is already installed.
1:16:21 AM: Using Swift version 5.2
1:16:21 AM: Started restoring cached node modules
1:16:21 AM: Finished restoring cached node modules
1:16:21 AM: Installing NPM modules using NPM version 6.14.4
1:16:22 AM: npm
1:16:22 AM:  notice created a lockfile as package-lock.json. You should commit this file.
1:16:22 AM: npm
1:16:22 AM:  WARN repo No description
1:16:22 AM: npm
1:16:22 AM:  WARN repo No repository field.
1:16:22 AM: npm WARN
1:16:22 AM:  repo No license field.
1:16:23 AM: up to date in 0.664s
1:16:23 AM: found 0 vulnerabilities
1:16:23 AM: NPM modules installed
1:16:23 AM: Started restoring cached go cache
1:16:23 AM: Finished restoring cached go cache
1:16:23 AM: go version go1.12 linux/amd64
1:16:23 AM: go version go1.12 linux/amd64
1:16:23 AM: Installing missing commands
1:16:23 AM: Verify run directory
1:16:23 AM: Executing user command: yarn docs:build
1:16:23 AM: /usr/local/bin/build: line 46: yarn: command not found
1:16:23 AM: Skipping functions preparation step: no functions directory set
1:16:23 AM: Caching artifacts
1:16:23 AM: Started saving node modules
1:16:23 AM: Finished saving node modules
1:16:23 AM: Started saving pip cache
1:16:23 AM: Finished saving pip cache
1:16:23 AM: Started saving emacs cask dependencies
1:16:24 AM: Finished saving emacs cask dependencies
1:16:24 AM: Started saving maven dependencies
1:16:24 AM: Finished saving maven dependencies
1:16:24 AM: Started saving boot dependencies
1:16:24 AM: Finished saving boot dependencies
1:16:24 AM: Started saving go dependencies
1:16:24 AM: Finished saving go dependencies
1:16:28 AM: Error running command: Build script returned non-zero exit code: 127
1:16:28 AM: Failing build: Failed to build site
1:16:28 AM: Failed during stage 'building site': Build script returned non-zero exit code: 127
1:16:28 AM: Finished processing build request in 14.020858207s

期待値
Githubのリモートリポジトリへ送信したVuepressをNetlifyにDeployして公開したい。

再現方法
githubにリモートリポジトリを作り、その後に下記のコマンドを実行する。

$ git clone [e-mail]:repository.git
$ cd repository/

Gitを初期化します。

$ git init

Vuepressをローカルリポジトリにインストールする

$ yarn add -D vuepress

ローカルリポジトリのpackage.jsonに下記のように書き込みます。

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

ローカルリポジトリ内にdocsフォルダを作り、
下記コマンドを実行して静的アセットを作ります。

$ yarn docs:build

ローカルリポジトリ内のdocsフォルダにREADME.mdというマークダウンファイルを作成する。

$ cd docs
$ echo '# Hello VuePress' > README.md

リポジトリにコミットする。

$ git add docs/ node_modules/ package.json

ファイルの変更をgitリポジトリに保存する

$ git commit -m 'first commit'

git pushを強制する。

$ git push -f origin master

Netlifyを開き、

Build commandをyarn docs:buildと入力し、
Publish directoryをdocs/と入力し、デプロイをする。

皆様ご回答よろしくお願い申し上げます。

Answer 1

Netlifyのデプロイ環境でyarnを利用する場合にはyarn.lockファイルが必要なようです。

https://docs.netlify.com/configure-builds/manage-dependencies/#yarn

If any of your build scripts start with yarn, you must have a yarn.lock file. Netlify's buildbot will not install Yarn without it.

yarnを利用するのであれば、リポジトリにコミットするファイルにyarn.lockを追加する必要があります。

それとPublish directoryはbuildされたファイルのディレクトリを指定しますので、vuepressの場合は
デフォルトではdocs/.vuepress/distを指定することになります。

https://docs.netlify.com/configure-builds/common-configurations/#vuepress

Publish directory: docs/.vuepress/dist

Comments

[退会済みユーザー]

できました！ありがとうございます！
今後共機会がありましたらよろしくお願い致しますm(_ _)m

[退会済みユーザー]

yarn.lockファイルの中身は下記のように設定しました。

# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
# yarn lockfile v1
package-1@^1.0.0:
version "1.0.3"
resolved "https://registry.npmjs.org/package-1/-/package-1-1.0.3.tgz#a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0"
package-2@^2.0.0:
version "2.0.1"
resolved "https://registry.npmjs.org/package-2/-/package-2-2.0.1.tgz#a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0"
dependencies:
package-4 "^4.0.0"
package-3@^3.0.0:
version "3.1.9"
resolved "https://registry.npmjs.org/package-3/-/package-3-3.1.9.tgz#a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0"
dependencies:
package-4 "^4.5.0"
package-4@^4.0.0, package-4@^4.5.0:
version "4.6.3"
resolved "https://registry.npmjs.org/package-4/-/package-4-2.6.3.tgz#a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0"