質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Netlify

Netlifyは、静的サイトを超高速でホスティングできる高機能なWebサービスです。WordPressといった動的処理を必要としないLPなどの静的Webサイトを公開することが可能。カスタムドメイン設定や無料SSL証明書などの多くの機能を無料で使用できます。

Q&A

解決済

1回答

1181閲覧

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

退会済みユーザー

退会済みユーザー

総合スコア0

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Netlify

Netlifyは、静的サイトを超高速でホスティングできる高機能なWebサービスです。WordPressといった動的処理を必要としないLPなどの静的Webサイトを公開することが可能。カスタムドメイン設定や無料SSL証明書などの多くの機能を無料で使用できます。

0グッド

0クリップ

投稿2020/05/10 16:24

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

現象

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にリモートリポジトリを作り、その後に下記のコマンドを実行する。

bash

1$ git clone git@github.com:repository.git 2$ cd repository/

Gitを初期化します。

bash

1$ git init

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

bash

1$ yarn add -D vuepress

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

json

1{ 2 "scripts": { 3 "docs:dev": "vuepress dev docs", 4 "docs:build": "vuepress build docs" 5 } 6}

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

bash

1$ yarn docs:build

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

bash

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

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

bash

1$ 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/と入力し、デプロイをする。

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

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

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

投稿2020/05/11 04:03

kbtm

総合スコア66

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2020/05/11 12:34

できました!ありがとうございます! 今後共機会がありましたらよろしくお願い致しますm(_ _)m
退会済みユーザー

退会済みユーザー

2020/05/11 13:47

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"
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問