在我将 React 应用程序部署到数字海洋后，我的 React 应用程序不显示任何内容

Question

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

我用于构建的命令 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": ""

在我将 React 应用程序部署到数字海洋后，我的 React 应用程序不显示任何内容

My react app doen't display any content after I deploy it on digital ocean

javascript

deployment

build

reactjs