GitHub 页面显示 React 应用程序的空页面

Question

我在 github 页面上托管了一个简单的静态 React 应用程序，在 package.json 中进行了所有更改

但是首先链接显示404，我在互联网上搜索并尝试添加一个？在链接末尾，导致链接显示空白页面。

现在显示的是空白页面！我已经尝试了所有解决方案，例如； 我。切换 master 和 gh-page 分支 二.添加？在链接末尾 三.将 package.json 中的 "private" : true 更改为 false 四.在链接末尾添加 /index.html v. 添加新提交并重新部署应用程序

这些解决方案不起作用，任何帮助将不胜感激！！

链接：https://iqramalik21.github.io/monsters-rolodex/
git 仓库：https://github.com/iqramalik21/monsters-rolodex

Answer 1

您需要严格遵循以下几个步骤：

1. 创建一个新的 Repo 并输入 username.github.io 作为存储库名称。将用户名替换为您的 GitHub 用户名。例如，如果您的用户名是 octocat，则存储库名称应为 octocat.github.io。

2. 在您的项目（具有代码库的项目）终端中运行

   npm run build

   ，这将在您的项目目录中创建一个构建文件夹。

3. 仅将构建文件夹的内容推送到您使用 username.github.io 名称创建的新存储库中。

这就是您将开始在 GitHub 页面上看到的！！

注意：您的页面托管在根路由上。

Answer 2

嗨，我在 eaglercraft 1.16.5 中也遇到了同样的问题

eaglerdevs.github.io/Eaglercraft-1.16.5/

有人可以帮我解决当我下载索引 html 文件时显示空白屏幕的问题吗？我正在使用 Chromebook。目前最新版本。下面是图片链接，当我点击 github 上的链接时，它显示一个空白屏幕。