I am working with service workers and I have a situation where under Applications in my Chrome DevTools I see an indication that there are errors with my service worker however everything works fine and the console does not display any errors. Furthermore, I cannot click on the error indicator. Please see the attachment.
Can someone let me know what that error indicator is? How to display it? Why is it there?
Press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to jump straight into the Console panel of Chrome DevTools. Or, navigate to More Tools > Developer Tools from Chrome menu, and click Console tab. The error console will open. If you don't see any errors try reloading the page.
Get familiar with the Service Workers panel in DevTools #Press `Control+Shift+J` (or `Command+Option+J` on Mac) to open DevTools. Click the Console tab.
I've seen this sort of thing for failed network requests (i.e. due to the device being offline). It doesn't necessarily indicate that there is an issue with your service worker itself.
In particular, if your service worker handles failed network requests by falling back to a cached response, then seeing what you're seeing is not likely to indicate a user-visible issue.
For anyone having issues with service worker invisible errors, in the developer console (chrome) there is an option "Selected context only". When this option is checked only some errors will be visible in the console. Uncheck it to see all errors from the service worker.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With