react router not rendering child component
<p>I'm learning react router and just cut off part of the Github's <a href="https://github.com/reactjs/react-router" rel="nofollow">page</a> and I'm using webpack and http-server to host my dev environement at <a href="http://localhost:8080" rel="nofollow">http://localhost:8080</a>. When I go to to the routh path, I see my App component, but I don't see the Users component when I go to <a href="http://localhost:8080/users" rel="nofollow">http://localhost:8080/users</a>.</p>

<pre><code>var React = require('react');
var ReactDOM = require('react-dom');
var Router = require('react-router').Router;
var Route = require('react-router').Route;
var browserHistory = require('react-router').browserHistory;

var App = React.createClass({
  render: function () {
    return &lt;div&gt;app&lt;/div&gt;
  }
});
// etc.

var Users = React.createClass({
  render: function () {
    return (
      &lt;div&gt;users&lt;/div&gt;
    )
  }
})



document.addEventListener("DOMContentLoaded", function () {

  ReactDOM.render((
    &lt;Router history={browserHistory}&gt;
      &lt;Route path="/" component={App}&gt;
        &lt;Route path="users" component={Users}&gt;
        &lt;/Route&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;
  ), document.getElementById('main'));
});
</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;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="main"&gt;

    &lt;/div&gt;
    &lt;script src="https://code.jquery.com/jquery-1.12.1.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="bundle.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>