GitHub页面显示空白页面-前端问题

Github pages shows blank page(GitHub页面显示空白页面)

本文介绍了GitHub页面显示空白页面的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我的回购：https://github.com/jmrocco/personal_website 我的网站：https://julietterocco.com/

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

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

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

推荐答案

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

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

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

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

这篇关于GitHub页面显示空白页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！