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

Question

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

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

现在显示的是空白页！我已经尝试了所有的解决方案，例如；i.切换主页和gh页分支ii。添加？在链接的末尾iii.改变"；"私有"：true，在package.json中为falseiv.在链接末尾添加/index.htmlv.添加新的提交并重新部署应用

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

链接：https://iqramalik21.github.io/monsters-rolodex/
git-reo: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名称创建的新repo中。

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

注意：您的页面位于根路由上。