【Vue.js】/usr/local/bin/npm: No such file or directory エラー

Vue.jsをローカルで動かす時に

/usr/local/bin/npm: No such file or directory

というエラーが出たので解決方法を備忘録

下記にしたがってローカル環境作成

reffect.co.jp

要約

#Vue CLIインストール (Vue.jsアプリ作成のため)
npm install -g @vue/cli

#Vue.jsアプリ作成 [app-name]を任意のアプリ名にする。
設定はすべてデフォルトでOK。
vue create [app-name]

#Vue.js開発ローカルサーバ起動（ここでエラー発生）
npm run serve

原因

npmとyarnを両方使ってパッケージ管理していたため

yarnって何？という方はこちらを参考に。

ics.media

解決法

 yarnを最新にする

yarn upgrade 

npm run serve の代わりに下記を実行

yarn serve

たったこれだけ！

http://localhost:8080/　にアクセスして、下記画面が出れば成功ですー！

今後もnpmコマンドがNGの時は、代わりにyarn を使ってみると、すんなり解決できるかもです！

例えば、ビルドコマンドの

npm run build

 も、

yarn build 

で実行でき、無事に./dist フォルダ内にビルド結果が出力されました。

yarnを使い慣れている方には当然の話かもですが、

私みたいに使い始めたばかりの方にとって助けになれば嬉しいです

おやすみなさいぃぃ