react本地执行npm run build打包之后，本地打开index.html文件，出现空白页面

Question

看了下浏览器，如果去掉路由的话，可以正常访问，请问是什么问题呢

const router = (
    <Router>
        <Provider store={store}>
            <App>
                <Switch>
                    <Route exact path="/" component={Home} />
                    <Route path="/home" component={Home} />
                    <Route path="/test" component={Test} />
                    <Route path="/box" component={Box} />
                    <Route path="/manage/:hotelName" render={props=>
                        <Manage {...props}/>
                    } />
                    <Route path="/menu" component={Menu} />
                    <Route path="/chart/:id" render={props=>
                        <Chart {...props}/>
                    }>
                    </Route>
                </Switch>
            </App>
        </Provider>
    </Router>
)

export default router

class App extends Component {

  componentDidUpdate() {
  }

  render() {
    return (
        <div className="App">
          <section>
            {this.props.children}
          </section>
        </div>
    );
  }
}

export default App;

Answer 1

已经解决了，引入路由的时候使用HashRouter即可

Answer 2

如果把路由改为BrowserRouter，npm run build之后index打开也是空白页，你知道这个问题怎么解决吗？