Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Service Worker (invisible) error in Chrome DevTools console

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?

enter image description here

like image 264
Tamas Avatar asked May 15 '18 13:05

Tamas


People also ask

How do I show hidden errors in console?

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.

How do I console log a service worker?

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.


2 Answers

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.

like image 172
Jeff Posnick Avatar answered Oct 13 '22 00:10

Jeff Posnick


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.

like image 26
Hruzee Avatar answered Oct 13 '22 00:10

Hruzee