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

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

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

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

Q&A

解決済

1回答

7539閲覧

% npm run serveするとsh: vue-cli-service: command not foundになり起動しない。

recal

総合スコア1126

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

0グッド

0クリップ

投稿2022/02/13 10:24

編集2022/02/14 01:52

前提・実現したいこと

  • m1macMonterey12.2.1
  • npm 7.21.0
  • vue @vue/cli 4.5.15
  • vscode バージョン: 1.64.2

anyenvのnodenvでnode.jsをインストールしています(この表現が合っているのかすら怪しいくらいの知識量です)。

vue初心者で、現在書籍(これからはじめる人のjavascript/vue.jsの教科書)を元に勉強しています。

公式サイトのコマンド
npm install -g @vue/cli でvue/cliをインストールしました

発生している問題・エラーメッセージ

% npm run serve

すると

> notepad@0.1.0 serve > vue-cli-service serve sh: vue-cli-service: command not found

と返ってきてサーバーが起動されません。
その他ERR等は出ていません。

試したこと

エラーメッセージで検索すると
node_modules
package-lock.jsonを削除してい
npm install すると起動出来るという情報があったので試しましたが
結果は変わらずでした。

[追記 / 2022-02-14]
パッケージマネージャーをnpmからyarnに変更してtechnocoreさんに回答頂いたのと同様の手順で試してみましたところ

% yarn serve yarn run v1.22.17 $ vue-cli-service serve /bin/sh: vue-cli-service: command not found error Command failed with exit code 127.

error Command failed with exit code 127.で検索すると
yarn installしなおす必要があるとのことで打ってみましたが同様のエラーのままでした。

yarn自体はhomebrewでインストールしていましたが
ただのyarn installも打ちました
↑これは後々問題になるでしょうか?

v2系v3系ともに同様のエラーになりました。
[追記 / 2022-02-14終わり]

npm run serve出来ないのは何か根本的な間違いをしているのでしょうか?

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

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

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

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

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

guest

回答1

0

ベストアンサー

試しに実行してみました。
手順としては、こんな感じですが。

・プロジェクトを作る
(base) $ vue create vueapp

・色々質問を訪ねてくるので選択する
Vue CLI v4.5.15
? Please pick a preset: Default (Vue 3) ([Vue 3] babel, eslint)
? Pick the package manager to use when installing dependencies: Yarn

・プロジェクト作成の完了メッセージ
Successfully created project vueapp.
Get started with the following commands:
$ cd vueapp
$ yarn serve

・プロジェクトに移動
(base) $ cd vueapp

・サーバー実行
(base) vueapp $ yarn serve

yarn run v1.22.17
$ vue-cli-service serve
INFO Starting development server...

App running at:

Note that the development build is not optimized.
To create a production build, run yarn build.

投稿2022/02/13 12:31

technocore

総合スコア7284

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

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

recal

2022/02/14 01:41

ありがとうございます。 パッケージマネージャーをnpmからyarnに変更して同様の手順で試してみましたところ --- % yarn serve yarn run v1.22.17 $ vue-cli-service serve /bin/sh: vue-cli-service: command not found error Command failed with exit code 127. --- error Command failed with exit code 127.で検索すると yarn installしなおす必要があるとのことで打ってみましたが同様のエラーのままでした。
recal

2022/02/14 07:09

$ vue create vueappを作成する親のフォルダを変更したら起動しました。 違いといえばエラーが出た時は親のフォルダ名に日本語が混ざっていて 起動した時は日本語のフォルダが存在しない時でした これが原因だったのでしょうか。 試していただきありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.42%

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

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

質問する

関連した質問