(service-worker.js) 'only-if-cached' can be set only with 'same-origin' mode

[thgh]

Chrome devtools on https://svelte.technology/guide

The FetchEvent for "https://svelte.technology/guide" resulted in a network error response: the promise was rejected.
Promise.catch (async)
self.addEventListener.event @ service-worker.js:45
service-worker.js:52 Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'ServiceWorkerGlobalScope': 'only-if-cached' can be set only with 'same-origin' mode

[poshaughnessy]

I think @wisdom-yzh is right and it should be only-if-cached, not only-if-cache ?

https://github.com/sveltejs/sapper-template/blob/master/app/service-worker.js#L69

[poshaughnessy]

I tried changing it to only-if-cached to see if that fixed the error for me. It did, but I got a different error now! :D It says "Cannot assign to read only property mode" - pointing to the line where it sets event.request.mode = "same-origin":

Sorry for commenting on a closed issue - would you like me to raise a new one?

[farhaan008]

Facing the same issue

[thgh]

@farhaan008 Here is a solution:

sapper-template/app/service-worker.js

Line 61 in 7e028c8

if (event.request.cache === 'only-if-cached') return;