vue-cliでnpm run serveができない。

こんなエラーに出くわした

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を入力。