title: Webpack for React doesn`t work
body: <p>I am just start React and have finished <code>codecademy</code> courses and several other on youtube. I decide to configure my local machine for react. I ve started with webpack &amp; webpack-dev-server. And here I get mistake.
  <a href="https://i.stack.imgur.com/Ty8tU.png" rel="nofollow">Here is mistake screenshot</a></p>
  
  <p><a href="https://i.stack.imgur.com/etqR9.png" rel="nofollow">Also Here is my files tree</a></p>
  
  <p>Here is my webpack.config.js:</p>
  
  <pre><code>var webpack = require('webpack');
  var path = require('path');
  
  module.exports = {
      devtool: 'inline-source-map',
      entry: [
          'webpack-dev-server/client?http://127.0.0.1:8080/',
          'webpack/hot/only-dev-server',
          './src'
      ],
      output: {
             path: path.join(__dirname, 'public'),
             filename: "bundle.js"
      },
      resolve: {
          modulesDirectories: ['node_modules', 'src'],
          extensions: ['', '.js']
      },
      module: {
          loader: [
          {
              test: /\.jsx?$/,
              exclude: /node_modules/,
              loaders: ['react-hot', 'babel?presets[]=react,presets[]=es2015']
          }
          ]
      },
      plugins: [
          new webpack.HotModuleReplacementPlugin(),
          new webpack.NoErrorsPlugin()
      ]
  };
  </code></pre>
  
  <p>My index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;React ToDos App&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="app" /&gt;
      &lt;script src="bundle.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And index.js:</p>
  
  <pre><code>let message = 'Hello from entry message';
  
  console.log(message);
  </code></pre>
  
  <p>Thanks for any help.</p>