JavaScript
vue.js
Netlify
nuxt.js

Nuxt.js + Netlify で最初のデプロイで失敗した時の対処法

経緯

Nuxt.js で最初のプロジェクトを作成したので、 GitHub の master にコミットしたあと Netlify でサイトをデプロイしようとしたが失敗した。

エラーメッセージ

4:00:42 PM: Build ready to start
(中略)
4:01:10 PM: Error running command: Build script returned non-zero exit code: 127
4:01:10 PM: Failing build: Failed to build site
4:01:10 PM: failed during stage 'building site': Build script returned non-zero exit code: 127
4:01:10 PM: Finished processing build request in 27.298334629s

Deploy settings

# #
Repository github.com/<自分のリポジトリ>
Base directory Not set
Build command yarn generate
Publish directory dist
Deploy log visibility Logs are public

解決法

Build command を yarn generate から nuxt generate に変更した。

4:14:07 PM: Build script success
4:14:07 PM: Starting to deploy site from 'dist'
4:14:08 PM: Starting post processing
4:14:08 PM: Post processing done
4:14:09 PM: Site is live
4:14:17 PM: Finished processing build request in 55.758796579s

ポートフォリオサイトを構築する記事でよく yarn generate でデプロイする方法が書かれていますが、うまく行かない人は nuxt generate に変えて試してみましょう。