在生产版本中未渲染的反应路由组件

Question

import React from 'react'; 
import { render } from 'react-dom'; 
import { BrowserRouter as Router, Route } from 'react-router-dom'; 

import Header from './components/header'; 
import Body from './components/body'; 
import Archive from './components/archive'; 
import Settings from './components/settings'; 

import './assets/css/style.css'; 

const wrapper = <Router> 
     <div> 
     <Header/> 
     <Route exact path="/" component={Body}/> 
     <Route path="/archive" component={Archive}/> 
     <Route path="/label/work" component={Settings}/> 
     <Route path="/settings" component={Settings}/> 
     </div> 
</Router>; 

render(wrapper, document.getElementById('app')); 

在上面的代码中，Body组件以开发模式呈现。 但是，当我在生产中运行相同的代码生成身体组件不呈现。

输出：

发展模式：身体成分呈现

生产体形：身体在这个例子中in documentation

Answer 1

看不渲染

组件

尝试用无状态组件更换包装：

const wrapper =() => (
    <Router> 
     <div> 
     <Header/> 
     <Route exact path="/" component={Body}/> 
     <Route path="/archive" component={Archive}/> 
     <Route path="/label/work" component={Settings}/> 
     <Route path="/settings" component={Settings}/> 
     </div> 
    </Router> 
);