dynamic routing on github pages with sveltekit

Question

I am experimenting with dynamic routing on static site hosting services like github pages. I understand that normally you wouldn't want to do this and may have to jump through hoops to get it working.

I am using onMount function from svelte to load the data on the client side. I have two dynamic urls, /qna?id=1, this works but the other url /blog/[slug] fails. When I navigate to a url like /blog/hello, it returns the following error in console: Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: https://mohit2152sharma.github.io/_app/immutable/entry/start.a84ced15.js. My guess is this being caused by some path issue. If anyone has encountered similar issue, would appreciate your help and time.

(You can check out the repo here: https://github.com/mohit2152sharma/svelte-mpa-example)

PS: I have followed almost all the steps mentioned in the docs, like setting up csr=true and ssr=false, using adapter-static, using fallback='404.html' which is same as that of github pages error page.

PPS: If I deploy the same project on vercel it works, the only changes I make while deploying are change the adapter to adapter-vercel and use the defaults for adapter.

RavE · Accepted Answer · 2024-11-12 09:24:03Z

3

It looks like you are not configuring or using the repository as base path correctly. The repository name is missing between domain and _app in the requested path:

https://mohit2152sharma.github.io/_app/immutable/entry/start.a84ced15.js

This much is noted in the GitHub Pages specific docs:

When building for GitHub Pages, make sure to update paths.base to match your repo name, since the site will be served from https://your-username.github.io/your-repo-name rather than from the root.

Also think there used to be something in the docs about issues around Jekyll and directories prefixed with _. By default, code ends up in _app as seen in the error and that was not be served. Maybe not an issue anymore.
Would disable Jekyll by putting a .nojekyll into the root of the pages branch and change the output directory (appDir) to something different.

edited Nov 12, 2024 at 9:24

RavE

33 bronze badges

answered Oct 16, 2023 at 13:30

brunnerh

188k30 gold badges362 silver badges434 bronze badges

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

1 Comment

monte Over a year ago

Thanks a lot for pointing me in the right direction. I was able to solve it by setting paths.asset in svelte config to my github.io url including repo name.

Collectives™ on Stack Overflow

dynamic routing on github pages with sveltekit

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related