javascript - 无论使用何种方法，Github Pages 和 React App 都无法工作

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 Pages，但是，在这里，我将提到正确的方法:

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

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

第 2 步:转到您的 package.json并添加

"homepage": "<YOUR_GITHUB_USERNAME>.github.io/<REPO_NAME>,"上面"name"

第 3 步:在 "scripts" 中package.json的部分，添加

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

第 4 步:假设您已经提交代码并将其推送到 Git 存储库，现在在终端中使用命令 npm run deploy查看 GitHub 页面中的更改。

此外，请确保在源代码中为 homepage 设置了相同的路由。如package.json中所示.