Не запускается проект (webpack), выдает ошибку

Подозреваю, что ошибка заключается в написании webpack.config.js. Набираю команду: npm run start - выдает следующую ошибку:

webpack.config.js

const HTMLPlugin = require("html-webpack-plugin")

module.exports = {
    // в первую очередь надо прописать входную точку, entry - вход
    entry: ['./src/index.js'],
    // далее нам необходимо указать, куда складывать файлы, собранные вэбпаком
    output: {
        path: __dirname + '/dist',
        filename: 'bundle.js'
    },
    // сконфигурируем сервер для разработки, это у нас объект
    devServer: {
        static: {
            directory: path.resolve(__dirname, '/dist'),
            publicPath: "/serve-public-path-url",
        },
    },
    plugins: [
        // в конструктор данного класса мы передаем объект, 
        // где у нас будет 2 поля:
        new HTMLPlugin({
            filename: 'index.html',
            template: './src/index.html'
        })
    ],
    resolve: {
        extensions: ['.js']
    }
}

package.json

{
  "name": "blog",
  "version": "1.0.0",
  "description": "blog",
  "main": "index.js",
  "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production",
    "start": "webpack serve --mode development --open"
  },
  "keywords": [
    "js",
    "blog",
    "javascript"
  ],
  "author": "VM",
  "license": "ISC",
  "devDependencies": {
    "html-webpack-plugin": "^5.5.0",
    "webpack": "^5.72.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^4.8.1"
  }
}