Реактивный маршрутизатор v2.0 browserHistory не работает

В настоящее время используется протокол-ответ v2.0.

Я уверен, что я пересматриваю что-то, но я могу заставить hashHistory работать, но при реализации browserHistory я получаю сообщение об ошибке 404, поскольку я пытаюсь удалить hashHistory в URL-адресе, а также хотел бы знать работу для производство.

Я весь день вытаскивал свои волосы и, похоже, не вижу, где я ошибаюсь.

приложение/App.jsx

var React = require('react');
var ReactDom = require('react-dom');
var Router = require('react-router').Router;
var routes = require('./config/routes');
var browserHistory = require('react-router').browserHistory;

ReactDom.render(
  <Router history={browserHistory}>{routes}</Router>,
  document.getElementById('app')
);

приложение/Config/routes.jsx

var React = require('react');
var Main = require('../components/Main');
var Home = require('../components/Home');
var Profile = require('../components/Profile');
var Router = require('react-router');
var Route = Router.Route;
var IndexRoute = Router.IndexRoute;

module.exports = (
  <Route path="/" component={Main}>
    <Route path="profile/:username" component={Profile} />
    <IndexRoute component={Home} />
  </Route>
);

Вот репо, над которым я работаю https://github.com/SOSANA/React.JS-Tutorials-and-Things/tree/master/github-notetaker/04-state-and-props

Надеюсь, кто-то может помочь