Problems on fresh app dev and prod

[JoJo2112]

Offline caching is not working correctly, im getting the following error in production:

Uncaught (in promise) non-precached-url: non-precached-url :: [{"url":"/"}]

My config is basically just the example config.

[userquin]

You need to prerender workbox navigateFallback, by default /, check nuxt config file in the playground

[JoJo2112]

Thank you so much! Prod is now working just fine, is there any way I can also precache the css in dev mode? Currently when I try offline mode im missing the css which I import globally inside from an assets folder.

[userquin]

Prod is now working just fine, is there any way I can also precache the css in dev mode?

no, devOptions only for webmanifest and custom sw debugging, caching any asset will break DX; you shouldn't have devOptions enabled

In fact, when I have time I'll change the dev plugin to remove/disabling sw precaching (the error you reported here)

Currently when I try offline mode im missing the css which I import globally inside from an assets folder.

If you want to check offline in your local, use build + preview, offline doesn't work in dev.