Resources not found after deploying with GitHub pages

Question

I've forked this repository and then proceeded to build and deploy it as suggested but I cannot start correctly the web site.

The passes I've followed are:

git cloned the repo
Moved in the folder and executed without any problem: npm install -g yarn
Executed: yarn
Executed: npm install -g gatsby-cli
Executed: npm install
Executed: gatsby build
Executed: npm run deploy where deploy is defined as: gatsby build && gh-pages -d public -b gh-pages

These commands correctly build the project and create a new branch on the repository with the public folder which is the build foledr.

My repository is configured to use GitHub pages like this:

but whenever I open the web site I can only see background color and opening console I see a few errors reaching resources:

Failed to load resource: the server responded with a status of 404 () 
webpack-runtime-b79041fc2b38a6c91c6b.js:1 
Failed to load resource: the server responded with a status of 404 ()
app-8f8fb0f08c61a13c61ac.js:1
[...]

I can correctly make changes to the repository and start it locally with gatsby serve. The only problem I have is with deployment, can someone figure out what's my problem with the info I provided?

user · Accepted Answer · 2021-09-15 08:18:32Z

1

Your GitHub Pages Site is published at https://surveiior.github.io/surveiior.com/ and not https://surveiior.github.io/.
So, for example,
You have used /page-data/index/page-data.json in the HTML code, which sends the request to https://surveiior.github.io/page-data/index/page-data.json, but the json file is published at https://surveiior.github.io/surveiior.com/page-data/index/page-data.json.

You can use ./page-data/index/page-data.json or page-data/index/page-data.json in the HTML code and it is where the file is hosted.

In short, to make the file path correct, you can add a .[dot] before the slashes of every address that is showing Error 404, and it will show the correct file if the file path is correct.

answered Sep 15, 2021 at 8:18

user

1,0881 gold badge8 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Simone Lungarella Over a year ago

Thanks. I should've changed the deploy script in some way to allow it to generate index with different paths, I solved the problem by making my repository a user repository, in that way it automatically didn't include the repository name and the resource are exactly where he wants.

Ashish Mishra Over a year ago

@SimoneLungarella what exactly you did to make your repository as a "user repository" on GitHub ?

Simone Lungarella Over a year ago

I'm not really sure right now but should be enough calling the repository: username.github.io

Collectives™ on Stack Overflow

Resources not found after deploying with GitHub pages

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related