在生產版本中未渲染的反應路由組件

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> 
);