React-Router在生产中运行时显示空组件

Question

我遇到了React-router-dom的问题。

首先。我有redux提供程序包装App组件。

ReactDOM.render(
  <Provider store={createStoreWithMiddleware(reducers)}>
    <AppContainer>
      <App/>
    </AppContainer>
  </Provider>,
  document.getElementById('root')
);

在 App 组件中，我有一个导航组件和一个路由器。

import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
import Navigation from './components/navigationComponent/navigation.component';
import Home from './components/homeComponent/home.component';

export class App extends React.Component {

  constructor() {
    super()
  }

  render() {

    return (
      <div>
        <Navigation />
        <Router>
          <Route exact path="/" component={ Home }/>
        </Router>
      </div>
    )
  }
}

它在webpack-dev-server上运行并显示。但是生产版本并不好。显示导航，但未显示路由器中的所有组件，并且注释 react-empty 。

我该如何解决这个问题？感谢。