こんなエラーに出くわした
vue-cliを使って開発中にnpm run serveを打ち込んでいると次のようなエラーに出くわしました。
sh: vue-cli-service: command not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! images@0.1.0 serve: `vue-cli-service serve`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the images@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/username/.npm/_logs/2018-06-28T09_01_39_272Z-debug.log
環境
- Mac book air High Sierra
- node 10.1.0
- npm 5.10.0
エラー経緯
- もともと
npm install -g vue-cliを入力していた。 - 学習先のサイトが
vue create プロジェクト名を使っていたので真似ようとしたら注意された。
vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.
You may want to run the following to upgrade to Vue CLI 3:
npm uninstall -g vue-cli
npm install -g @vue/cli
- 注意書をよく読まず
npm install -g @vue/cliだけ実行 - うまくインストールされたが、最初に記述したエラーに出くわす。
つまり、原因は2ですね汗
vue-cliと@vue/cliは異なるものであることを認識しました。
解決策
npm uninstall -g vue-cliを入力。