React项目部署Github Pages后显示空白页求助

我正在学习ReactJS，用create-react-app搭建了一个简易天气项目，仓库地址：https://github.com/zxcminusminus/react-weather/tree/master，打算部署到Github Pages。本地运行完全正常，但部署完成后页面显示空白。

我已经完成以下操作：

• 在package.json中添加了"homepage"、"deploy"和"predeploy"字段
• 执行命令 npm install gh-pages
• 运行 npm run deploy 完成部署

之后尝试了以下方案，但均未解决问题：

• 修改deploy脚本为 "deploy": "gh-pages -b main -d build"
• 将BrowserRouter替换为HashRouter，调整了index.js和App.js中的路由配置
• 修改默认Route的path为 "/react-weather"

Github Pages相关设置已配置，因账号声望限制无法嵌入设置截图，仅能提供链接（此处省略外链）。

内容的提问来源于stack exchange，提问作者404cursed