title: WebPack: Entrypoint underfined
body: <p>I am doing one of the <a href="https://www.valentinog.com/blog/react-webpack-babel/#How_to_set_up_React_webpack_and_Babel_the_HTML_webpack_plugin" rel="nofollow noreferrer">Tutorial</a> of using React, WebPack and Babel together.</p>
  
  <p>While everything worked as intended(built, compile, and render correctly). </p>
  
  <p>I am getting an error from webpack, that said</p>
  
  <pre><code>Child html-webpack-plugin for "index.html":
       1 asset
      Entrypoint undefined = ./index.html
      [0] ./node_modules/html-webpack-plugin/lib/loader.js!./src/index.html 666 bytes {0} [built]
  </code></pre>
  
  <p>My WebPack configuration file looks like following:</p>
  
  <pre><code>const HtmlWebPackPlugin = require("html-webpack-plugin");
  module.exports = {
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: "babel-loader"
          }
        },
        {
          test: /\.html$/,
          use: [
            {
              loader: "html-loader"
            }
          ]
        }
      ]
    },
    plugins: [
      new HtmlWebPackPlugin({
        template: "./src/index.html",
        filename: "./index.html"
      })
    ]
  };
  </code></pre>
  
  <p>And My file structure looks like this:</p>
  
  <pre><code>WebPack_Demo
    -dist
    -node_modules
    -src
      -javascript
        -components
          -Component1.js
          -Component2.js
      -index.html
      -index.js
    -.babelrc
    - package-lock.json
    - webpack.config.js
  </code></pre>
  
  <p>Someone else is also getting the error following this tutorial but the author does not address that. Even though it does not affect the app, I still wanted to know how to get rid of this error.</p>