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

Question

我已经成功地将我的 react 应用程序部署在数字海洋上，作为 static 站点。 但是当我点击查看实时应用程序时，该链接只显示一个空白页面，而不是显示登录页面（仪表板）。

我用于构建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

我找到了解决方案。 我只需要编辑 package.json 文件并更改主页属性，如下所示：

    "homepage": ""