无论方法如何，Github Pages 和 React App 都无法正常工作答案

【问题标题】：Github Pages and React App not working regardless of methods无论方法如何，Github Pages 和 React App 都无法正常工作
【发布时间】：2020-09-05 23:51:19
【问题描述】：

一周以来，我一直在尝试将我的 React App 项目添加到 Github Pages。在所有的准备工作和需要完成的所有事情之后，我终于让它出现了，好吧。它实际上没有显示任何内容，也没有给我错误。这让我相信我的剧本

<script src="../dist/bundle.js"></script>

是罪魁祸首。但是，问题是我从未使用过 bundle.js。我想学习如何在不使用 create-react-app 的情况下使用 React，这样做我似乎已经在游戏中走得很远，我什至不确定这应该如何工作。

这是当前形式的 Github 页面

https://kevin6767.github.io/redux-api-opendota2/

编辑：现在似乎显示 404。我什至不确定为什么此时这不起作用。我尝试了许多不同的方法。

【问题讨论】：

首先，如果有index.html 文件，我认为不应该说404。
docs 文件夹中的@ajeetshah github.com/kevin6767/redux-api-opendota2
This 说您必须创建一个名称为：username.github.io 的 github 存储库，其中 username 应该是您的 GitHub 用户名。您应该先更正您的存储库名称。

标签： javascript reactjs git github redux

【解决方案1】：

我不确定您是如何将 React 应用程序上传到 GitHub Pages 的，但是，在这里，我将提到正确的做法：

步骤 01：通过终端安装 gh-pages，确保您在正确的文件目录中。

$ npm install gh-pages --save -dev（我们将其保存为开发依赖项）

步骤 02：转到您的 package.json 并添加

"homepage": "{your_GitHub_username}.github.io/{repo_name}," 高于"name"

步骤03：在package.json的"scripts"部分，添加

"predeploy": "npm run build", "deploy": "gh-pages -d build",

步骤 04：假设您已经提交代码并将其推送到 Git Repo，现在，在终端中，使用命令 npm run deploy 来查看 GitHub Pages 中的更改。

另外，请确保在您的源代码中，您为homepage 设置了与package.json 中相同的路由。

【讨论】：