title: Simple React Component Doesn't Appear
body: <p>I am quite new to React. I am trying to create simple react configuration with webpack and babel. But none of my tries succeed. When i run <code>npm start</code>,then enter <a href="http://localhost:3333" rel="nofollow">http://localhost:3333</a> from browser, an empty page appears. I can see just the title of the page. What do i miss?</p>
  
  <p>Here my codes.</p>
  
  <p>webpack.config.js</p>
  
  <pre><code>module.exports = {
   entry: './main.js',
   output: {
      path: './',
      filename: 'index.js'
   },
   devServer: {
      inline: true,
      port: 3333
   },
   module: {
      loaders: 
      [{
          test: /\.js$/,
          exclude: /node_modules/,
          loader: 'babel',
          query: {
              presets: ['react','es2015']
          }
      }]
   }
  }
  </code></pre>
  
  <p>package.json</p>
  
  <pre><code>{
  "name": "es6-react-setup",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^0.14.3",
    "react-dom": "^0.14.3"
  },
  "devDependencies": {
    "babel-core": "^6.3.17",
    "babel-loader": "^6.2.0"
  },
  "description": ""
  }
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset='UTF-8'&gt;
      &lt;title&gt;Setup&lt;/title&gt;     
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="app"&gt;&lt;/div&gt;
      &lt;script src="index.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>main.js</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './App';
  
  ReactDOM.render(&lt;App /&gt;, document.getElementbyId('app'));
  </code></pre>
  
  <p>App.js</p>
  
  <pre><code>import React from 'react'; 
  class App extends React.Component {
      render(){
          return &lt;div&gt;Hello&lt;/div&gt;
      }
  }
  
  export default App
  </code></pre>
  
  <p>EDIT:</p>
  
  <p>I delete index.js and node_modules. After that i installed react react-dom babel-loader babel-core babel-preset-es2015 and babel-preset-react. Then below package.json appears. I also run <code>webpack</code> command to produce index.js</p>
  
  <pre><code>{
    "name": "es6-react-setup",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "start": "webpack-dev-server",
      "nw": "webpack --progress --profile --colors"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
      "babel-core": "^6.3.17",
      "babel-loader": "^6.2.0",
      "babel-preset-es2015": "^6.3.13",
      "babel-preset-react": "^6.3.13",
      "react": "^0.14.3",
      "react-dom": "^0.14.3",
      "webpack": "^1.12.9",
      "webpack-dev-server": "^1.14.0"
    }
  }
  </code></pre>