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

Question

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

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

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

这是当前形式的 Github 页面

编辑：它现在似乎显示 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.