Github 页面显示空白页面

Question

我的仓库：https : //github.com/jmrocco/personal_website 我的网站：https : //julietterocco.com/

我不明白为什么我的 GitHub 页面无法加载我的任何源文件。我要加载的文件在 src 文件夹中。在本地主机上一切正常。它只加载 index.html 这是一个白色的空白屏幕，我没有在这个文件中编码任何东西。我看过一些关于这个问题的类似帖子，但没有发现任何常见的差异。

我已经通过 npm 安装了 gh-pages 模块并完成了“npm run deploy”；这创建了我的 gh-pages 分支。我已经用适当的信息更新了我的 package.json。据我所知，我的存储库中没有大写字母。

我之前在这个域的 Github Pages 上托管了另一个网站，没有任何问题。从那时起，Github 页面和流程似乎发生了变化，我无法让它工作。

Answer 1

问题是您的主页正在尝试从https://julietterocco.com/personal_website/static/js/main.3edbf089.chunk.js而不是https://julietterocco.com/static/js/main.3edbf089加载资产.chunk.js。

personal_website从homepagein 中删除扩展名，package.json路由应该可以正常工作。

因此，您的新内容package.json应如下所示：

{
  "homepage" : "https://jmrocco.github.io/",
  "name": "my-website",
  "version": "0.1.0",
  ...

Answer 2

1. 确保您的 package.json 包含

   "homepage": "https://username.github.io/appname"

2. 如果您使用的是 BrowserRouter，请设置基本名称：

   <BrowserRouter basename={process.env.PUBLIC_URL}>

3. 您的 .env 文件不能包含类似PUBLIC_URL=/部署时的内容（这就是我的情况的问题）