Получение ошибки Entrypoint html-webpack-plugin для "index.html" = index.html при установке моего файла конфигурации webpack

Question

Я начал учиться реагировать на js, но я застрял в настройке своего webpackconfig.file. У меня ошибка ниже:

Child html-webpack-plugin for "index.html":
 1 asset
Entrypoint html-webpack-plugin for "index.html" = index.html

Файл конфигурации веб-пакета:

        const path = require('path');
        const HtmlWebpackPlugin = require('html-webpack-plugin');

        module.exports = {
                          entry: './src/main.js',
                          output: {
                                   path.join(__dirname, '/bundle'),
                                   filename: 'index_bundle.js'
                                  },
                           devServer: {
                                   inline: true,
                                   port: 8080
                                  },
                           module: {
                                     rules: [
                                                {
                                                  test: /\.jsx?$/,
                                                  exclude: /node_modules/,
                                                  loader: 'babel-loader',
                                                  query: {
                                                           presets: ['es2015', 'react']
                                                   }
                                                 }
                                               ]
                                         },
                             plugins:[
                                      new HtmlWebpackPlugin({
                                      template: './index.html'
                                      })
                                     ]
                          }

При поиске это может быть проблемой в webpackplugins

файл package.json:

    {                
      "name": "reactApp",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
                  "start": "webpack-dev-server --mode development --open --hot",
                  "build": "webpack --mode production"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
                     "react": "^16.7.0",
                     "react-dom": "^16.7.0",
                     "webpack-cli": "^3.2.1",
                     "webpack-dev-server": "^3.1.14"
   },
  "devDependencies": {
  "babel-core": "^6.26.3",
  "babel-loader": "^7.1.5",
  "babel-preset-env": "^1.7.0",
  "babel-preset-react": "^6.24.1",
  "html-loader": "^0.5.5",
  "html-webpack-plugin": "^3.0.7",
   "webpack": "^4.28.1"
}

Мой каждый файл (index.html, main.js, pacage.json, webpacconfig.js, .babelrc) находится в одной папке, я не могу определить, в чем проблема,