title: Module Build Failed - Webpack, React, Babel
body: <p>I was following a video tutorial from plural sight. Course name is "Building a Real-time App with React, Flux, Webpack, and Firebase".</p>
  
  <p>Please see below code and attached screen shot of the issue i am having. Webpack is failing when ever i try to re build the files. Can someone please advise of what that issue could be. I'm currently using all the latest libraries.</p>
  
  <p><a href="https://i.stack.imgur.com/VIu8I.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/VIu8I.jpg" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/oL9rm.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/oL9rm.jpg" alt="enter image description here"></a></p>
  
  <pre><code>/*webpack.config.js*/
  
  module.exports = {
  entry: {
      main: [
          './src/main.js'
      ]
  },
  output: {
      filename: './public/[name].js'
  },
  module: {
      loaders: [
          {
              test: /\.jsx?$/,
              exclude: /node_modules/,
              loader: 'babel'
          }
      ]
  }
  }
  
  
  
    /*App.jsx*/
    import React from 'react';
  
   class App extends React.Component {
   constructor() {
      super();
      this.state = {
          messages: [
              'hi there how are you ?',
              'i am fine, how are you ?'
          ]
      }
  }
  
  render() {
      var messageNodes = this.state.messages.map((message)=&gt; {
          return (
              &lt;div&gt;{message}&lt;/div&gt;
          );
      });
  
      return (
          &lt;div&gt;{messageNodes}&lt;/div&gt;
      );
   }
   }
  
   export default App;
  
  /*main.js*/
  import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './components/App.jsx';
  
  ReactDOM.render(&lt;App/&gt;, getElementById('container'));
  
  /*index.html*/
  &lt;!DOCTYPE html&gt;
   &lt;html&gt;
    &lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="container"&gt;&lt;/div&gt;
  &lt;script src="public/main.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
  /*package.json */
  
  {
  "name": "reatapp",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
  "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
   },
   "author": "",
  "license": "ISC",
   "dependencies": {
  "babel-core": "^6.1.2",
  "babel-loader": "^6.0.1",
  "babel-preset-react": "^6.1.2",
  "babelify": "^7.2.0",
  "react": "^0.14.2",
  "react-dom": "^0.14.2",
  "webpack": "^1.12.3"
   }
   }
  </code></pre>