reactjs Github页面显示空白页面

jv2fixgn  于 2023-04-29  发布在  React
关注(0)|答案(5)|浏览(277)

我的仓库:https://github.com/something/personal_website我的网站:https://website.com/
我不明白为什么我的GitHub页面无法加载我的任何源文件。我要加载的文件在src文件夹中。在localhost上一切正常。它只加载索引。html,这是一个白色的空白屏幕,我没有任何编码在这个文件。我看到过一些关于这个问题的类似帖子,但没有发现任何共同的差异。
我已经通过npm安装了gh-pages模块并做了“npm run deploy”;这就创建了我的gh-pages分支。我更新了我的包裹。json,并提供适当的信息。据我所知,我的存储库中没有大写字母。
我在Github Pages上托管了另一个网站,没有任何问题。似乎Github页面和流程从那时起就发生了变化,我无法让它工作。

avkwfej4

avkwfej41#

问题是您的主页试图从https://something.com/personal_website/static/js/main.3edbf089.chunk.js而不是https://something.com/static/js/main.3edbf089.chunk.js加载资源。
package.json中的homepage删除personal_website扩展,路由应该可以正常工作。
因此,新的package.json应该是:

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

h43kikqp2#

1.确保你的包裹。json包含
"homepage": "https://username.github.io/appname"
1.如果使用BrowserRouter,请设置基本名称:
<BrowserRouter basename={process.env.PUBLIC_URL}>
1.当您进行部署时,您的.env文件不能包含类似PUBLIC_URL=/的内容(在我的情况下就是这个问题)

nkhmeac6

nkhmeac63#

我已经被困在这两天了。最后,我解决了。
它在本地工作,但在部署后打开空白页面。
问题是我们更改了主页路径。所以我们需要更新代码中的路径。
如果我给予一个例子,我的情况下,我添加主页到“包”。json”文件类似于:

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

所以在添加了这个之后,应用程序就不工作了,因为我的代码中的路径需要更改。
例如:

  • *'/'路径应变为'/[YourProjectName]'**或
  • '/test'应变为'/[YourProjectName]/test'*
mqxuamgl

mqxuamgl4#

添加“主页”:“ www.example.com ”,到您的包。JSON可以解决你的问题。
记住替换你的github用户名和你的应用程序名。

owfi6suc

owfi6suc5#

大多数答案,解决了create-react-app的问题。使用vite时,需要在vite中设置正确的base**。如下所示。另外请注意,在vite中,你不需要在“包”中输入“主页”键。json”文件

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

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

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

相关问题