適材適所

WindowsやPowerShellやネットワーク、IBMなどのシステム系の話やポイ活など気になったことも載せているブログです。

【Vue.js】npm run serveでMissing script: "serve"エラーが発生した

Vue.jsの環境を構築中にnpm run serveで出くわしたMissing script: "serve"というエラーに関する備忘録です。

環境

Windows10
npm@8.5.0
Vue@3.2.13

原因

Vueプロジェクトの作成先のディレクトリに空白が含まれていたため、すべてのコンポーネントがインストールされていなかった。

Windowsの罠の「パス内に空白OK」。

エラーが発生した経過

cd '空白文字が入ったパス'

vue create 'プロジェクト名'

npm run serve

↓エラー発生!

npm ERR! Missing script: "serve"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR!npm run

npm ERR! A complete log of this run can be found in:
npm ERR!  xxxxxxxxx.log

空白文字を含まないパスでvue createしたら

サンキュー Vue。

というわけで、Vueで create projectするときにはパスに空白を入れないように注意しましょうというお話でした。