Github页面和React App不管使用什么方法都无法工作

Posted 2021-04-30

我已经尝试将我的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。我什至不知道为什么这时不起作用。我尝试了许多不同的方法。

答案

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

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

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

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

"homepage": "{your_GitHub_username}.github.io/{repo_name},"上方的["name"

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

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

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

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