部署到 github 页面后的空白页面

Question

以下是我部署到 github 页面的步骤：

1. 将 gh-pages 包安装为应用程序的“开发依赖项”

   npm install gh-pages --save-dev

2. 添加主页属性“主页”：

   “http://{username}.github.io/{repo-name}”

3. 部署脚本

   “脚本”：{ //... “预部署”：“npm 运行构建”， “部署”：“gh-pages -d 构建” }

   npm run deploy

4. 设置源到 gh-pages 分支。

我转到链接并找到一个带有空控制台的空白页面。我环顾四周，每个人都建议这 4 个步骤，但似乎没有任何效果。 我使用 npx create-react-app 来设置我的 React 应用程序。 这是我的存储库的链接：https://github.com/yuivae/yuivae

如果您有任何建议，请告诉我

Answer 1

2分钟我发布了这个帖子我找到了答案。我需要更改 react-router-dom 路径设置 <Route exact path="/" component={Home} />

到

<Route exact path="/{app-name}" component={Home} />

因为默认情况下部署到 gh 页面时，我将 / 主页路径更改为 http://{username}.github.io/{repo-name} 进行此更改后，我再次推送、提交和部署，10 秒后它起作用了。