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

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

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

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Vercel

Vercelとは、フロントエンド開発向けのフレームワークです。静的サイトとサーバレス機能のためのクラウドプラットフォームで、簡単にWebサイトやWebサービスをデプロイできます。自動でスケールでき、監視や各種設定も必要ありません。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

0回答

1188閲覧

@nuxtjs/vercel-builder でビルドが止まってしまう

fruitmachine

総合スコア47

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

Vercel

Vercelとは、フロントエンド開発向けのフレームワークです。静的サイトとサーバレス機能のためのクラウドプラットフォームで、簡単にWebサイトやWebサービスをデプロイできます。自動でスケールでき、監視や各種設定も必要ありません。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2022/07/11 21:55

Vercelを使ってnuxtのプロジェクトをssrでデプロイしたいのですが、@nuxtjs/vercel-builderを使うとhuskyをインストールしていないためnpmのprepare hookでコマンドが使えずビルドが止まってしまい困っています。
huskyはローカルでのコミット時にlintする目的で使っています。

解決方法として

  • prepareでのhusky installをdevelop環境のみに限定する
  • vercelでのビルド時にhuskyをインストールする

の2つを考えましたが、どちらもやり方がわかりません。
どなたかわかる方、ご教示をお願いいたします。

package.json

json

1{ 2 "name": "xxx", 3 "version": "1.0.0", 4 "private": true, 5 "scripts": { 6 "dev": "nuxt", 7 "build": "nuxt build", 8 "start": "nuxt start", 9 "generate": "nuxt generate", 10 "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .", 11 "lint:style": "stylelint \"**/*.{vue,css}\" --ignore-path .gitignore", 12 "prepare": "husky install", 13 "lint": "yarn lint:js && yarn lint:style", 14 "test": "jest" 15 }, 16 "lint-staged": { 17 "*.{js,vue}": "eslint", 18 "*.{css,vue}": "stylelint" 19 }, 20 "dependencies": { 21 "@nuxtjs/axios": "^5.13.6", 22 "@nuxtjs/firebase": "^7.6.1", 23 "@nuxtjs/google-gtag": "^1.0.4", 24 "core-js": "^3.23.3", 25 "dompurify": "^2.3.8", 26 "firebase": "^8.10.1", 27 "marked": "^4.0.17", 28 "nuxt": "^2.15.7" 29 }, 30 "devDependencies": { 31 "@babel/eslint-parser": "^7.18.2", 32 "@nuxtjs/eslint-config": "^10.0.0", 33 "@nuxtjs/eslint-module": "^3.1.0", 34 "@nuxtjs/style-resources": "^1.2.1", 35 "@nuxtjs/stylelint-module": "^4.0.0", 36 "@prettier/plugin-pug": "^2.1.1", 37 "@vue/test-utils": "^2.0.2", 38 "babel-core": "7.0.0-bridge.0", 39 "babel-jest": "^28.1.2", 40 "eslint": "^8.19.0", 41 "eslint-config-prettier": "^8.5.0", 42 "eslint-plugin-nuxt": "^3.2.0", 43 "eslint-plugin-prettier": "^4.2.1", 44 "eslint-plugin-vue": "^9.2.0", 45 "highlight.js": "^11.5.1", 46 "husky": "^8.0.1", 47 "jest": "^28.1.2", 48 "lint-staged": "^13.0.3", 49 "prettier": "^2.7.1", 50 "pug": "^3.0.2", 51 "pug-plain-loader": "^1.1.0", 52 "sass": "^1.53.0", 53 "sass-loader": "^10.3.1", 54 "stylelint": "^13.13.1", 55 "stylelint-config-prettier": "^9.0.3", 56 "stylelint-config-standard": "^22.0.0", 57 "vue-jest": "^3.0.4" 58 } 59}

vercel.json

json

1{ 2 "version": 2, 3 "builds": [ 4 { 5 "src": "nuxt.config.js", 6 "use": "@nuxtjs/vercel-builder" 7 } 8 ] 9}

ログ

Cloning github.com/xxx (Branch: feat/vercel-ssr, Commit: 3479953) Cloning completed: 366.315ms No Build Cache available Running "vercel build" Vercel CLI 27.0.0 build (beta) — https://vercel.com/feedback WARN! Due to `builds` existing in your configuration file, the Build and Development Settings defined in your Project Settings will not apply. Learn More: https://vercel.link/unused-build-settings yarn add v1.22.17 info No lockfile found. [1/4] Resolving packages... [2/4] Fetching packages... [3/4] Linking dependencies... [4/4] Building fresh packages... success Saved lockfile. success Saved 63 new dependencies. info Direct dependencies ├─ @nuxtjs/vercel-builder@0.22.1 └─ @vercel/build-utils@5.0.1 info All dependencies ├─ @nuxtjs/vercel-builder@0.22.1 ├─ @nuxtjs/web-vitals@0.1.8 ├─ @vercel/build-utils@5.0.1 ├─ @vercel/node-bridge@2.1.0 ├─ ansi-regex@5.0.1 ├─ ansi-styles@4.3.0 ├─ at-least-node@1.0.0 ├─ balanced-match@1.0.2 ├─ brace-expansion@1.1.11 ├─ chalk@4.1.2 ├─ cliui@7.0.4 ├─ color-convert@2.0.1 ├─ color-name@1.1.4 ├─ concat-map@0.0.1 ├─ consola@2.15.3 ├─ cross-spawn@7.0.3 ├─ defu@5.0.1 ├─ destr@1.1.1 ├─ emoji-regex@8.0.0 ├─ escalade@3.1.1 ├─ execa@5.1.1 ├─ flat@5.0.2 ├─ fs-extra@9.1.0 ├─ fs.realpath@1.0.0 ├─ get-caller-file@2.0.5 ├─ get-stream@6.0.1 ├─ glob@7.2.3 ├─ graceful-fs@4.2.10 ├─ has-flag@4.0.0 ├─ human-signals@2.1.0 ├─ inflight@1.0.6 ├─ inherits@2.0.4 ├─ is-fullwidth-code-point@3.0.0 ├─ is-stream@2.0.1 ├─ isexe@2.0.0 ├─ jiti@1.14.0 ├─ jsonfile@6.1.0 ├─ lru-cache@6.0.0 ├─ merge-stream@2.0.0 ├─ mimic-fn@2.1.0 ├─ minimatch@3.1.2 ├─ npm-run-path@4.0.1 ├─ onetime@5.1.2 ├─ path-is-absolute@1.0.1 ├─ path-key@3.1.1 ├─ rc9@1.2.2 ├─ replace-in-file@6.3.5 ├─ require-directory@2.1.1 ├─ resolve-from@5.0.0 ├─ semver@7.3.5 ├─ shebang-command@2.0.0 ├─ shebang-regex@3.0.0 ├─ signal-exit@3.0.7 ├─ string-width@4.2.3 ├─ strip-final-newline@2.0.0 ├─ supports-color@7.2.0 ├─ web-vitals@2.1.4 ├─ which@2.0.2 ├─ wrap-ansi@7.0.0 ├─ y18n@5.0.8 ├─ yallist@4.0.0 ├─ yargs-parser@21.0.1 └─ yargs@17.5.1 Done in 2.05s. [log] Running with @nuxt/vercel-builder version 0.22.1 [log] ----------------- Prepare build ----------------- [log] Downloading files... [log] Working directory: /vercel/path0 [log] Using yarn [log] Vercel Analytics Detected. Adding @nuxtjs/web-vitals to .nuxtrc [info] Prepare build took: 4.315419 ms [log] ----------------- Install devDependencies ----------------- yarn install v1.22.17 [1/5] Resolving packages... [2/5] Fetching packages... [3/5] Linking dependencies... warning "nuxt > @nuxt/components@2.2.1" has unmet peer dependency "consola@*". warning " > @babel/eslint-parser@7.18.2" has unmet peer dependency "@babel/core@>=7.11.0". warning "@nuxtjs/eslint-module > eslint-webpack-plugin@2.7.0" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0". warning "@nuxtjs/stylelint-module > stylelint-webpack-plugin@2.2.2" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0". warning " > @vue/test-utils@2.0.2" has unmet peer dependency "vue@^3.0.1". warning " > babel-core@7.0.0-bridge.0" has unmet peer dependency "@babel/core@^7.0.0-0". warning " > babel-jest@28.1.2" has unmet peer dependency "@babel/core@^7.8.0". warning "babel-jest > babel-preset-jest@28.1.1" has unmet peer dependency "@babel/core@^7.0.0". warning "babel-jest > babel-preset-jest > babel-preset-current-node-syntax@1.0.1" has unmet peer dependency "@babel/core@^7.0.0". warning "babel-jest > babel-preset-jest > babel-preset-current-node-syntax > @babel/plugin-syntax-bigint@7.8.3" has unmet peer dependency "@babel/core@^7.0.0-0". warning "babel-jest > babel-preset-jest > babel-preset-current-node-syntax > @babel/plugin-syntax-import-meta@7.10.4" has unmet peer dependency "@babel/core@^7.0.0-0". warning " > sass-loader@10.3.1" has unmet peer dependency "webpack@^4.36.0 || ^5.0.0". warning " > vue-jest@3.0.7" has unmet peer dependency "vue@^2.x". warning " > vue-jest@3.0.7" has unmet peer dependency "vue-template-compiler@^2.x". [4/5] Building fresh packages... [5/5] Cleaning modules... $ husky install /bin/sh: husky: command not found error Command failed with exit code 127. info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command. Error! Command "yarn install" exited with 127 Error: Command "vercel build" exited with 1

バージョン

  • nuxt@^2.15.7

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問