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

Question

前提・実現したいこと

• 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出来ないのは何か根本的な間違いをしているのでしょうか？

Answer 1

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

・プロジェクトを作る
(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:

• Local: http://localhost:8080/
• Network: http://192.168.0.102:8080/

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

Comments

[recal]

ありがとうございます。
パッケージマネージャーを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]

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

試していただきありがとうございました。