Github 页面在部署反应应用程序后显示空白页面

Question

I'm tryin' to learn reactjs and made a simple weather create-react-app project ( https://github.com/zxcminusminus/react-weather/tree/master ) which I'd like to deploy to Github pages using gh -页。 所以我的应用程序在 localhost 上运行良好，但是当我尝试在 gh 页面上部署它时，我得到了空白页面。 为了部署它，我在 package.json 中添加了“主页”、“部署”和“预部署”字段，就像在教程中一样，运行“npm install gh-pages”命令，然后运行“npm run deploy”命令。 我阅读了 10 个类似的问题并遵循了一些提示。 但没有任何效果（这里是 gh pages 设置gh-pages

我尝试添加“-d build”来部署脚本，例如“deploy”：“gh-pages -b main -d build”

我尝试将 Route 替换为 HashRoute 从这个index.js App.js到这个index.js App.js

我尝试了一些小的更改，例如将 Route 中的默认路径从“/”更改为这个 <Route path={"/react-weather"} element={}/> 但仍然是空白页（

PS原谅我这些链接而不是嵌入图像，stackoverflow说我还没有10个声誉点：3

Answer 1

在此文件中，您可以看到路径以/开头，例如<script defer="defer" src="/static/js/main.0065d37f.js">

gh-pages 中的路径必须以./开头

package.json中的homepage必须设置为./ ？

您还需要使用HashRouter ，因为 gh-pages 不会将所有流量重定向到index.html