What causes the page store subscription to sometimes return an empty object in development mode with sveltekit in devmode wit vite?

Question

subscribing to page store sometimes results in an empty object

This does not occur every time and only in development mode with vite as a dev server.

I tried to subscribe after the component is mounted as you see in the image, but that does not make difference. Sometimes clearing the browser cache resolves the issue but not always. I am really lost here because this is difficult to debug. It looks like some kind of race condition that the page object is not loaded yet. I access the development server through a cloud-flare tunnel with https. Any help would be greatly appreciated.

Answer 1

I was getting an empty page object, but I was also doing something unusual. I needed to test a payment provider, but they will only work on the domain of my business. So I had set a dns record on my domain from testing.<mydomain>.com to my home ip and had forwarded ports in my router to my sveltekit dev server. I was also using cloudflare and it turned out that setting cloudflare into dev mode (disabling caching) fixed the issue. From debugging it looked like cached pages from my production site interfered with hydration on my dev site causing sveltekit to not load properly.

So look into and possibly clear/disable whatever caching you have is a suggestion.