Github pages shows blank page(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页面显示空白页面的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:GitHub页面显示空白页面
基础教程推荐
- HTML5 画布调整为父级 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
