GitHub Pages - CSS and JS 404 - SvelteKit

[Penca53]

Select Topic Area

Question

Body

I have my portfolio website hosted on GitHub Pages. It is built with SvelteKit, SSG rendered, and deployed using gh-pages (npx). Today I made a minor change to the page and tried to deploy it, and all requests returned 404. I had the same problem a few months ago (Feb), but I solved them (it was due to .nojekyll file).

Any ideas? Thanks.

[Penca53]

Turns out that the problem is that in my svelte.config.js I had
paths: { base: dev ? '' : '/my-portfolio', }
because it was needed by GitHub in order to make it work. Apparently now it doesn't need it anymore, so all the 404 were right since it was trying to get non-existing files.

Now I'm also using the Beta GitHub workflow deploy to Pages which is a lot easier and straightforward than the gh-pages npm package.

[Fasteroid]

Thanks so much, I copied your workflow and it saved my portfolio site!
Marked you as co-author to ensure I credit you: Fasteroid/svelte-portfolio@7e06e72

[Penca53]

Glad to hear that!

[phorjax]

Man, you just saved my life. I was fighting with this b*tch that didn't want to render anything for more than 4 hours. and removing the paths + using the new workflow deploy made the trick!. Thank you so much!