How can I host my javascript web application on Github Pages?

Question

Recently I started building a small single page application for reducing anxiety. I am trying to host this basic CSS/HTML/Javascript website on GH pages but can't seem to figure out what I am doing wrong after hours of looking on the web.

The project: https://github.com/GrovesJames/Release

Any tips or guidance would be appreciated! Thank you!

You need to enable github pages for the repository in the repository settings. — Olian04
– Olian04, Commented Feb 1, 2020 at 19:41
I try that but I get this error when I visit the site: "404 file not found. The site configured at this address does not contain the requested file. If this is your site, make sure that the filename case matches the URL. For root URLs (like example.com) you must provide an index.html file. Read the full documentation for more information about using GitHub Pages." — Trisk
– Trisk, Commented Feb 1, 2020 at 20:07
Need to be more clear about what your question is, Read guidelines stackoverflow.com/help/how-to-ask — Esocoder
– Esocoder, Commented Feb 1, 2020 at 20:41
@Trisk set it to master branch /docs folder and wait. It usually takes upwards of 10 minutes for the CDN to catch up. Also make sure you are clearing your cache before reloading the page. — Olian04
– Olian04, Commented Feb 1, 2020 at 22:59
@Olian04 Gotcha. Now when I click it, it boots up a blank page. When I inspect it gives me this console error: "Failed to load resource: the server responded with a status of 404 ()" — Trisk
– Trisk, Commented Feb 2, 2020 at 4:36

Olian04 · Accepted Answer · 2020-02-01 20:00:21Z

2

In Your web application repository click on settings, then scroll down until you find GitHub Pages:

Then click on none and change it to master branch /docs folder

edited Feb 1, 2020 at 20:00

Olian04

6,9002 gold badges31 silver badges56 bronze badges

answered Feb 1, 2020 at 19:55

kuroyza

3921 gold badge5 silver badges12 bronze badges

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

10 Comments

Trisk Over a year ago

I try that but I get this error when I visit the site: "404 file not found. The site configured at this address does not contain the requested file. If this is your site, make sure that the filename case matches the URL. For root URLs (like example.com) you must provide an index.html file. Read the full documentation for more information about using GitHub Pages."

kuroyza Over a year ago

What source did you select on GitHub pages? master branch OR master branch /docs folder?

Trisk Over a year ago

I tried both sources and was given the same error for both :/

kuroyza Over a year ago

Try to move your index.html to release folder (the main folder)

Trisk Over a year ago

I emptied my cache and it booted up my project but the error now says "after clearing my cache, the error now says "GET grovesjames.github.io/Release/main.js net::ERR_ABORTED 404"

|

Collectives™ on Stack Overflow

How can I host my javascript web application on Github Pages?

1 Answer 1

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related