ОШИБКА WEBPACK: Когда я запускаю npm, я получаю сообщение об ошибке «Неверное количество параметров»

Question

Очень плохо знаком с веб-пакетом.

Я явно делаю что-то не так или делаю что-то не так. Но нет, что это такое.

В моем package.json под scripts я определил свои собственные сценарии, которые я хотел бы запустить для своего проекта.

В build я просто копирую контент из src в dist.

Ниже приведены коды для webpack.config.js и package.json

Операционная система: Windows 10

package.json

{
  "name": "react-project",
  "version": "1.0.0",
  "description": "react-project",
  "main": "index.js",
  "scripts": {
    "start": "npm run build",
    "build": "webpack -d && xcopy src/index.html dist/index.html && webpack-dev-server --content-base src/ --hot",
    "build:prod": "webpack -p && xcopy src/index.html dist/index.html"
  },
  "keywords": [
    "react"
  ],
  "author": "Nauman Tanwir",
  "license": "ISC",
  "dependencies": {
    "react": "^16.4.2",
    "react-dom": "^16.4.2"
  },
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "webpack": "^4.17.2",
    "webpack-cli": "^3.1.0",
    "webpack-dev-server": "^3.1.7"
  }
}

webpack.config.js

var path = require("path");

var DIST_DIR = path.resolve(__dirname, "dist");
var SRC_DIR = path.resolve(__dirname, "src");

var config = {
    entry: SRC_DIR + "/app/index.js",
    output: {
        path: DIST_DIR + "/app",
        filename: "bundle.js",
        publicPath: "/app/"
    },
    module: {
        rules: [{
            test: /\.js?/,
            include: SRC_DIR,
            loader: "babel-loader",
            query: {
                presets: ["react", "es2015", "stage-2"]
            }
        }]
    }
};

module.exports = config;