由于 react-router-dom，在运行 npm run build 后反应空白页答案

【问题标题】：React blank page after running npm run build because of react-router-dom由于 react-router-dom，在运行 npm run build 后反应空白页
【发布时间】：2020-09-17 18:05:11
【问题描述】：

这是我的 index.js 页面代码：

import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter as Router, Route, Switch} from "react-router-dom"
import './css/bootstrap.min.css';
import './css/style.css';

// Pages
import Library from './pages/Library.js'
import Register from './pages/Register.js'

ReactDOM.render(
  <div>
    <Router>
      <Switch>
        <Route exact path="/" component={Library}/>
        <Route exact path="/library" component={Library}/>
        <Route exact path="/register" component={Register}/>
      </Switch>
    </Router>
  </div>,
  document.getElementById('root')
)

当我运行npm start 时，我得到了所需的应用程序。 localhost:3000 和 localhost:3000/library 渲染 Library 组件，而 localhost:3000/register 渲染 Register 组件。

当我运行npm run build 时，我得到了构建文件夹，但是当我进入 index.html 页面时，它是空白的。

这个问题是我实现路由器后引入的。以前npm start 和npm run build 的结果是相同的。

【问题讨论】：

您需要从服务器提供您的 index.html
^ 我不知道那是什么意思。
你应该阅读deployment
类似：stackoverflow.com/q/62103419/2873538

标签： javascript node.js reactjs react-router react-router-dom

【解决方案1】：

这里是 link 与您在官方 create-react-app github 问题上遇到的相同问题

那里标记为已关闭，您也可以阅读以了解更多信息。

您应该为构建文件夹提供服务，例如

npx serve -s build

【讨论】：