エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです!

VuePress+Netlifyで『command not found』になるときの対応【540日目】

VuePressをチュートリアル通りにやってみる

VuePressを始めよう。

さあ、公式サイトのチュートリアルだ。

そしてデプロイ方法を見てみよう。

Deploying | VuePress

あれ?書いてる通りにやったのに、『vuepress: command not found』って出てくる・・・なぜ?

package.jsonにコマンドがない

package.jsonを見ると、

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

こうなってるけど、正しくはこう

{
    "scripts": {
        "dev": "vuepress dev docs",
        "build": "vuepress build docs"
    },
    "devDependencies": {
        "vuepress": "^1.0.0-alpha.46"
    }
}

package.jsonにvuepressがなくて、インストールしてないんだから、そりゃそうなるよね。

なんでこんなミスしたん?

公式ドキュメントのこれ

Getting Started | VuePress

Then, add some scripts to package.json:

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

add some scripts

add some scripts

add some scripts

なのに、上書き保存するとかいうバカやったせいですね!!!

付け足すのが正解です。文章はちゃんと読もうね!