htmlreactjsgithubgithub-pages

Github pages shows blank page


My repo: https://github.com/something/personal_website My website: https://website.com/

I can not figure out why my GitHub pages can’t load any of my source files. The files I want to load are in the src folder. Everything works as it should on localhost. It only loads index.html which is a white blank screen, I don't have anything coded in this file. I’ve seen a few similar posts about this issue but have not found any common discrepancies.

I have installed through npm the gh-pages module and done “npm run deploy”; this created my gh-pages branch. I’ve updated my package.json with the appropriate information. As far as I can tell I have no capital letters in my repository.

I hosted another website previously on Github Pages at this domain with no issues. It appears that Github pages and the process has changed since then and I can’t get it to work.


Solution

  • The problem is that your homepage is trying to load assets from https://something.com/personal_website/static/js/main.3edbf089.chunk.js rather than https://something.com/static/js/main.3edbf089.chunk.js.

    Remove the personal_website extension from homepage in package.json and the routes should work properly.

    Therefore your new package.json should look like:

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