skip to Main Content

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:
Server responded wth an error of 404. resource not found
does anyone have a clue why
here is my rep: https://github.com/Rudra2122/3DPortfolio
here is my blank page repo: https://rudra2122.github.io/3DPortfolio/

i think js is the problem and not loading
however if i run it using "npm run dev" it is running locally on vs code

2

Answers


  1. try rename main.jsx to index.jsx

    Login or Signup to reply.
  2. I have looked into the issue and I believe editing your "vite.config.js" to contain the property "base" may fix the issue. Set this property to any content after the core url.

    Example:
    assume we have this domain https://example.com/ and you wish to host a website at https://example.com/aboutme, you would set the "base" property like so base: "aboutme",

    When it comes to your project I would set the "base" property as "3DPortfolio". Now simply re-build your project.

    I hope this helps!

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search