Nuxt.jsの「Error: No build files found in XXX」への対応
０，目次
- はじめに
- あ、凡ミスだこれ
- 原因・対応
- 参考文献
１，はじめに
Nuxt.jsで開発をしていると、
npm start devコマンドの実行に失敗することがあります。
今回、以下のエラーが表示されました。
✖ Nuxt Fatal Error Error: No build files found in /Users/jskny/Documents/Workspace/Project/byakko/dev/.nuxt/dist/server. Use either `nuxt build` or `builder.build()` or start nuxt in development mode.
では、エラー潰しを始めましょう。
２，あ、凡ミスだこれ
コマンド実行時のオプションに問題がありました。
私は「npm start dev」としていました。
しかし、正しくは「npm run dev」でした。
正しいコマンドで実行したところ、
このエラーは表示されず、正常に動作しました。
３，原因・対応
（１）コマンド発行ミス
npmコマンドに渡せるオプションの確認をします。
npmのrunオプションは、正式には「run-script」オプションであり、
package.jsonに記載したscriptに定義したコマンドを実行します。
また、npmのstartオプションは、scriptに「start」で定義されているコマンドを実行します。
そこで、問題となった環境のpackage.jsonを確認します。
{
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
"precommit": "npm run lint"
}
}
はい。記載がありましたね。
そうです。
npm start devという間違ったオプションを指定すると、
nuxtコマンドを二重で実行することになり、エラーになるわけです。
（２）npm start時のコマンドが不正（根本原因）
また、nuxt.jsのstartはビルド実行後にスタートをしないとエラーになるところ、
このpackage.jsonのscript.startではstartしか行っていません。
記載を以下のように修正します。
{
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt build && nuxt start",
"generate": "nuxt generate",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
"precommit": "npm run lint"
}
}
エラー対応として、以下の記事を参考にしました。
Invalid start-up command "nuxt build && nuxt start" in package.json · Issue #3638 · nuxt/nuxt.js · GitHub
４，参考文献
- プロジェクトを実行！npm startの使い方【初心者向け】 | TechAcademyマガジン
- npm run で任意のコマンドを実行する (npm run/start) | まくまくNode.jsノート
最近のコメント