npm ERR! Missing script: "start"

1
2
3
4
5
6

{
  "name": "my-app",
  "scripts": {
    "build": "webpack"
  }
}

1
2

# "start" は定義されていない
npm start  # Error: Missing script: "start"

1
2

# package.jsonには "dev" だが...
npm run development  # Error: Missing script: "development"

1
2
3

# package.jsonがないディレクトリで実行
cd /wrong/directory
npm start  # Error

1
2
3
4
5
6
7
8
9

{
  "name": "my-app",
  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js",
    "build": "webpack",
    "test": "jest"
  }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

# 定義されているスクリプト一覧
npm run

# 出力例:
# Lifecycle scripts included in my-app:
#   start
#     node index.js
#   test
#     jest
#
# available via `npm run-script`:
#   dev
#     nodemon index.js
#   build
#     webpack

1
2
3
4
5

# package.jsonを確認して正しい名前で実行
cat package.json | grep -A 20 '"scripts"'

# 正しい名前で実行
npm run dev

1
2
3
4
5
6

# 現在のディレクトリにpackage.jsonがあるか確認
ls package.json

# なければ正しいディレクトリに移動
cd /path/to/project
npm start

1
2
3
4
5
6
7
8

{
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }
}

1
2
3
4
5
6
7
8

{
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  }
}

1
2
3
4
5
6

{
  "scripts": {
    "start": "node server.js",
    "dev": "nodemon server.js"
  }
}

1
2
3
4
5
6
7

{
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

# npm start は npm run start のエイリアス
npm start
npm run start  # 同じ

# その他のスクリプトは npm run が必要
npm run dev
npm run build

# 特別なエイリアスがあるスクリプト
npm start   # = npm run start
npm test    # = npm run test
npm stop    # = npm run stop
npm restart # = npm run restart

1
2
3
4
5
6
7
8

# 詳細なログを表示
npm run start --loglevel verbose

# package.jsonの構文エラーをチェック
npm pkg get scripts

# JSON構文を検証
npx jsonlint package.json

1
2
3
4
5
6
7
8
9

{
  "scripts": {
    "prebuild": "rm -rf dist",
    "build": "webpack",
    "postbuild": "echo 'Build complete!'",
    "pretest": "npm run lint",
    "test": "jest"
  }
}

1
2
3
4

# npm run build を実行すると:
# 1. prebuild が実行される
# 2. build が実行される
# 3. postbuild が実行される