По какой-то причине моя маршрутизация в реакции не работает с использованием реактивного маршрутизатора

Я попытался реализовать библиотеку маршрутизации с реагирующим маршрутизатором в свое приложение для реагирования ... вот мой основной код компонента. Когда у меня есть только '<Route path="/" component={App} />' без '<Route path="/admin" component={Admin} />', компонент приложения отображается, но когда у меня есть и то, и другое, ничего не отображается. было интересно, если я делаю что-то не так.

App.js

import React from 'react';
import ReactDOM from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import injectTapEventPlugin from 'react-tap-event-plugin';
import {
  BrowserRouter as Router,
  Route,
  Link
} from 'react-router-dom';

import LandingPage from './landingpage';
import Admin from './admin';

injectTapEventPlugin();

class App extends React.Component{
  render(){
    return (
      <MuiThemeProvider>
        <LandingPage />
      </MuiThemeProvider>
    );
  }
}

ReactDOM.render(
  <Router>
    <Route path="/" component={App} />
    <Route path="/admin" component={Admin} />
  </Router>,
  document.getElementById('spot')
);

Вот мой административный компонент

import React from 'react';

class Admin extends React.Component {
  render(){
    return (
      <div>Holla</div>
    );
  }
}

export default Admin;

И моя конфигурация веб-пакета

module.exports = {
  entry: [
    './src/app.js'
  ],
  output: {
    path: __dirname,
    filename: "bundle.js",
    publicPath: '/'
  },
  module: {
    loaders: [{
      exclude: /node_modules/,
      test: /\.jsx?$/,
      loader: 'babel'
    }]
  },
  devServer: {
    historyApiFallback: true,
    contentBase: './',
    hot: true,
  }
};