Service worker is caching files but fetch event is never fired

by

After looking at your gist and your question, I think your issue is with scoping.

From what I’ve determined with service workers(at least with static files), the service worker only has a maximum scope of the directory it is in. That is to say, it can’t load files/requests/responses that are pulled from a location at or above its structure, only below.

For example, /js/service-worker.js will only be able to load files in /js/{dirName}/.

Therefore, if you change the location of your service worker to the root of your web project, the fetch event should fire and your assets should load from cache.

So something like /service-worker.js, which should be able to access the /json directory, since it is deeper than the service-worker.js file.

This is further explained here, in the “Register A service worker” section. https://developers.google.com/web/fundamentals/getting-started/primers/service-workers

More Related Contents:

  1. Options for testing service workers via HTTP
  2. How to clear cache of service worker?
  3. “Status Code:200 OK (from ServiceWorker)” in Chrome Network DevTools?
  4. What is the storage limit for a service worker?
  5. Can service workers cache POST requests?
  6. Can’t find serviceWorker in navigator anymore
  7. Best practices for detecting offline state in a service worker
  8. Is it possible to make an in-app button that triggers the PWA “Add to Home Screen” install banner?
  9. Official locator strategies for the webdriver
  10. Use a content script to access the page context variables and functions
  11. Weird behavior with objects & console.log [duplicate]
  12. Can a website detect when you are using Selenium with chromedriver?
  13. Suppress Chrome ‘Failed to load resource’ messages in console
  14. Jquery load() only working in firefox?
  15. Chrome Uncaught Syntax Error: Unexpected Token ILLEGAL [duplicate]
  16. Get element CSS property (width/height) value as it was set (in percent/em/px/etc)
  17. Violation Long running JavaScript task took xx ms
  18. How can I add predefined length to audio recorded from MediaRecorder in Chrome?
  19. How to disable JavaScript in Chrome Developer Tools?
  20. Unexpected token ILLEGAL in webkit
  21. Chrome extension: How to remove orphaned script after chrom extension update
  22. How to keep Google Chrome Extension popup open?
  23. What happens to code after a javascript redirect (setting window.location.href)?
  24. ‘load’ event not firing when iframe is loaded in Chrome
  25. Is it possible to control the camera light on a phone via a website?
  26. Forcing garbage collection in Google Chrome
  27. Can’t trigger click with jQuery in a Chrome extension
  28. Function as Google Chrome bookmark
  29. Choppy/Laggy scroll event on Chrome and IE
  30. How to develop Chrome extension for Gmail?

Leave a Comment