我的 react 应用程序在数字海洋上部署后不显示任何内容

Question

我已经成功地在digital ocean上部署了react应用程序作为静态站点。但是当我点击查看实时应用时，链接只显示一个空白页面，而不是显示登录页面(仪表板)。

我用于构建的命令npm build

我的index.js文件中的代码

import React from "react";
import ReactDOM from "react-dom";
import { createBrowserHistory } from "history";
import { Router, Route, Switch, Redirect } from "react-router-dom";
// core components
import Admin from "layouts/Admin.js";
import RTL from "layouts/RTL.js";
import "assets/css/material-dashboard-react.css?v=1.9.0";
import 'bootstrap/dist/css/bootstrap.min.css';
const hist = createBrowserHistory();
ReactDOM.render(
<Router history={hist}>
<Switch>
<Route path="/admin" component={Admin} />
<Route path="/rtl" component={RTL} />
<Redirect from="/" to="/admin/dashboard" />
</Switch>
</Router>,
document.getElementById("root")
);

项目结构[1]: https://i.stack.imgur.com/JL2Yi.png

Answer 1

我找到了解决方案。我只需要编辑一下文件。并像这样更改主页属性:

"homepage": ""