Github 页面和 React 应用程序无论使用何种方法都无法正常工作

Question

一周以来，我一直在尝试将我的 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。我什至不确定为什么此时这不起作用。 我尝试了许多不同的方法。

Answer 1

我不确定你是如何将 React 应用程序上传到 GitHub 页面的，但是，在这里，我将提到正确的方法：

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

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

步骤 02 ：Go 到您的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 存储库，现在，在终端中，使用命令npm run deploy以查看 ZD3B7C913CD04EBFEC0E9EC32CB6FD58 中的更改。

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