GitHub page blank after deploy: Failed to load resource: the server responded with a status of 404

Hi All, 

I tried to build a personal website following a template and the website worked perfectly locally. However, after I deployed it to GitHub Pages, I can only see a blank page. I checked the Javascript console and here is the error message: 

https://jiayibao.github.io/https://jiayibao.github.io/personal-site//main-1d41357ad301d064dcf9.min.js 

Failed to load resource: the server responded with a status of 404 ()

Does anyone have any clue why “https://jiayibao.github.io” is repeated twice in loading the resource? Here is my github repository: https://github.com/jiayibao/personal-site/

And here is the personal webpage that is currently showing blank: https://jiayibao.github.io/personal-site/

My suspect that the error has something to do with path, but I’m not really sure about how to fix it. Any help would be greatly appreciated! Thank you!

1 Like

Hi @jiayibao,

Thanks for being here! To have your repository show up at https://username.github.io/your-repository, you need to setup GitHub Pages for that repository as well. Ie: your repo should be USERNAME.github.io and its URL  ( https://github.com/USERNAME/USERNAME.github.io ).

I hope this helps!

2 Likes

Thanks! In fact, this problem has been solved by the person who provided me the inital website template. Thanks for the input! 

2 Likes

hey, please help me as I am facing the same problem as yours.

2 Likes

thanks alot you saved my life.

1 Like

Can you please share the solution with us? Even though my name is not getting repeated in the HTTP request link but I feel I am facing a similar issue as you did. :slight_smile:

1 Like

I am also facing same problem, this is my website in react https://meghanar121.github.io/covid-19/

@meghanar121 can you please suggest solution for this…? even i am facing same problem…

@sjPrajwal this was react app i made mistake in package.json file, homepage should have proper address
you can follow steps for deploying react app here:https://github.com/gitname/react-gh-pages/tree/master

@andreagriffiths11 GitHub Pages is already configured. But it is showing loading error.

PF the below attachments.
hosted site

@andreagriffiths11 github page configuration.

I resolved that problem, try it: go to index.html in your compiled code, for example in Angular is “dist/index.html” and paste that: if you already have it, then delete and replace that line.

Not sure why, but this worked for me: setting the GitHub Pages source to a different branch and then setting it back to the gh-pages branch (or whatever branch you deployed to).

Hi
I am getting the same error in my angular app, can you please provide the step to resolve it ?

application link
https://gajananvs.github.io/Demo/

Thanks
Gajanan

This looks like it might be a case sensitivity issue. Your Pages site is hosted from a repository called Demo but your base tag is set to demo with a lowercase d:

<base href="https://GajananVS.github.io/demo/">

Can you try setting this to t he following instead and seeing if it makes a difference?

<base href="https://GajananVS.github.io/Demo/">