Offline not working and error caught (in promise) non-precached-url: non-precached-url :: [{"url":"/"}]

[ttijl]

Hello, when installing @vite-pwa/astro im having this issue. It seems like it isnt working offline and im getting this error: caught (in promise) non-precached-url: non-precached-url :: [{"url":"/"}].

here is a minimal example of the issue. https://github.com/ttijl/astro-pwa-issue

[userquin]

@ttijl you're using output: 'server', we need at least one html to use it as fallback, switching to output: 'static' build output contains the index.html file (/). I don't know if you can use server and force Astro to prerender some html page:

[userquin]

@ttijl check https://docs.astro.build/en/guides/server-side-rendering/#hybrid-rendering

EDIT: adding export const prerender = true; to index.astro with output: 'server':

[userquin]

It works:

[ttijl]

Thank you, that works.
One other question, how can i make the PWA network-first. So only using cache if network isnt working

[userquin]

@ttijl the problem is precaching, check this issue, you'll need to add a custom sw: GoogleChrome/workbox#1767

You can also check this PR patching workbox-preload module to make the update quicker, you should check how to apply the patch using yarn: vite-pwa/docs#41

[ttijl]

Custom SW is only possible with InjectManifest right? And that does not work with Astro? I also tried this: https://vite-pwa-org.netlify.app/workbox/inject-manifest.html#network-first-strategy

[userquin]

Custom SW is only possible with InjectManifest right?

yes

And that does not work with Astro?

why not? it should work

I also tried this: https://vite-pwa-org.netlify.app/workbox/inject-manifest.html#network-first-strategy

and?