Github 页面显示空白页面

Question

我的仓库：https://github.com/something/personal_website 我的网站：https://website.com/

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

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

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

Answer 1

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

从

personal_website

中的

homepage

中删除

package.json

扩展，路线应该可以正常工作。

因此你的新

package.json

应该看起来像：

{
  "homepage" : "https://something.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=/

   的内容（这是我的情况下的问题）

Answer 3

我已经坚持了两天了。最后我解决了。

它可以在本地运行，但部署后它会打开空白页面。

问题是我们更改了主页路径。所以我们需要更新代码中的路径。

如果我以我的案例为例，我将主页添加到“package.json”文件中，如下所示：

"homepage": "https://[YourGitHubAccountName].github.io/[YourProjectName]"

所以添加此后，应用程序无法工作，因为我的代码内部的路径需要更改。

例如：

'/' 路径应变为 '/[YourProjectName]' 或

'/test' 应变为 '/[YourProjectName]/test'

Answer 4

将 "homepage": "https://myusername.github.io/my-app" 添加到您的 Package.JSON 中可能会解决您的问题。

请记住替换您的 github 用户名和应用程序名称。

Answer 5

大多数答案解决了 create-react-app 的问题。 使用vite时，您必须在vite.config.js中设置正确的base，如下所示。 另请注意，在 vite 中，您不需要“package.json”文件中的“homepage”密钥

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  base: "/<REPO_NAME>/",
})

更多信息请参考vite的gh-pages配置

Answer 6

@RecepU 的答案对我有用。如果您的项目基础使用路由器，“/”表示{用户名}.github.io，它显示空白页面。