WPIntell

Source evidence

Workbox script errors in Site Editor

PWA · support · 2024-04-01T19:09:00+00:00

mixedsentiment
mediumseverity
0.85relevance
3replies
Evidence linked to opportunitycommercial context

Proof Health

Open evidence

Commercial opportunities need traceable source links before they are treated as build-worthy.

2 / 16 rows with source links

12.5% of this page's analysis has direct source links.

0 build-decision rows missing links

0 rows here require auditable proof before promotion.

14 rows with no attached evidence

0 rows have source counts but still need direct links.

Conversation

support
Rolf Allard van Hagen resolved
Hi, with the PWA plugin active, I get this type of errors in the browser console when opening the Site Editor. The editor seems to function correctly, but the errors keep occurring. Uncaught (in promise) TypeError: Failed to register a ServiceWorker: The URL protocol of the scope (':') is not supported. at a.es (Workbox.js:486:55) at a.register (Workbox.js:299:41) The site in question is using an adapted Twenty Twenty-Three. Is this a known issue or something related to a plugin or theme conflict? OK, I’m seeing that too. It’s coming from the iframe that the Site Editor wraps around the template: <iframe class="edit-site-visual-editor__editor-canvas" aria-label="Editor Canvas" role="button" name="editor-canvas" tabindex="0" src="blob:https://elegant-addax-156c1d.instawp.xyz/7291cd8a-0a26-4dec-89a0-4b0d98ccd472" title="Editor canvas" style="border: 0px; margin-left: auto; margin-right: auto; transition: all 0.3s ease 0s;"></iframe> Inside this iframe, the service worker is attempting to get installed: <script type="module"> import { Workbox } from "https:\/\/elegant-addax-156c1d.instawp.xyz\/wp-content\/plugins\/pwa\/wp-includes\/js\/workbox-v7.0.0\/workbox-window.prod.js"; if ( 'serviceWorker' in navigator ) { window.wp = window.wp || {}; window.wp.serviceWorkerWindow = new Workbox( "https:\/\/elegant-addax-156c1d.instawp.xyz\/wp-admin\/admin-ajax.php?action=wp_service_worker", {"scope":"\/wp-admin\/"} ); window.wp.serviceWorkerWindow.register(); } </script> And this is where the error is happening. Two possible solutions here: (1) prevent this script from being injected when in the Site Editor, or (2) prevent attempting to register when the current page is a blob, such as if location.protocol === 'blob:' . In any case, the error doesn’t seem like it is going to be causing any actual functionality problem other than the console getting populated with the error entry. Indeed, I have not discovered it to break anything (yet) so not an urgent issue. It’s just that we came across them when trying to debug an issue, and have spent a while thinking PWA was the cause… Just thought you might like to know and hope it something you can/will address at some point. If not too complicated, of course 🙂 Anyway, thanks for your plugin and work maintaining it. Let me know if I can help out testing at some point! Thanks! I’ve filed this on GitHub for us to track there: https://github.com/GoogleChromeLabs/pwa-wp/issues/1127

Comments

3 shown
Weston Ruter 2024-04-02T23:02:00+00:00

OK, I’m seeing that too. It’s coming from the iframe that the Site Editor wraps around the template: <iframe class="edit-site-visual-editor__editor-canvas" aria-label="Editor Canvas" role="button" name="editor-canvas" tabindex="0" src="blob:https://elegant-addax-156c1d.instawp.xyz/7291cd8a-0a26-4dec-89a0-4b0d98ccd472" title="Editor canvas" style="border: 0px; margin-left: auto; margin-right: auto; transition: all 0.3s ease 0s;"></iframe> Inside this iframe, the service worker is attempting to get installed: <script type="module"> import { Workbox } from "https:\/\/elegant-addax-156c1d.instawp.xyz\/wp-content\/plugins\/pwa\/wp-includes\/js\/workbox-v7.0.0\/workbox-window.prod.js"; if ( 'serviceWorker' in navigator ) { window.wp = window.wp || {}; window.wp.serviceWorkerWindow = new Workbox( "https:\/\/elegant-addax-156c1d.instawp.xyz\/wp-admin\/admin-ajax.php?action=wp_service_worker", {"scope":"\/wp-admin\/"} ); window.wp.serviceWorkerWindow.register(); } </script> And this is where the error is happening. Two possible solutions here: (1) prevent this script from being injected when in the Site Editor, or (2) prevent attempting to register when the current page is a blob, such as if location.protocol === 'blob:' . In any case, the error doesn’t seem like it is going to be causing any actual functionality problem other than the console getting populated with the error entry.

Rolf Allard van Hagen 2024-04-03T07:48:00+00:00

Indeed, I have not discovered it to break anything (yet) so not an urgent issue. It’s just that we came across them when trying to debug an issue, and have spent a while thinking PWA was the cause… Just thought you might like to know and hope it something you can/will address at some point. If not too complicated, of course 🙂 Anyway, thanks for your plugin and work maintaining it. Let me know if I can help out testing at some point!

Weston Ruter 2024-04-05T22:50:00+00:00

Thanks! I’ve filed this on GitHub for us to track there: https://github.com/GoogleChromeLabs/pwa-wp/issues/1127