Uncaught error: ServiceWorker controller not found!

[wgemm]

I am unsure if I am correct here or if the bug should go to posit-dev/shinylive.

My exported webassembly runs fine served localy with "python -m http.server ..." with Firefox, Chrome and Edge.
When served with a server over https from a Webspace it runs fine with Firefox, but not with Edge and Chrome.
I get the following error in Chrome:

Any ideas?

Wolfram

[wch]

I've moved this issue to posit-dev/shinylive.

What is a Webspace?

[wgemm]

A vserver at IONOS with a temporary domain using HTTPS.

[wch]

If you look in the JS console, does it say this somewhere?

Service Worker registered               load-shinylive-sw.js:37

That file sets up navigator.serviceWorker.controller:
https://github.com/posit-dev/shinylive/blob/b8911aefe89477c09d0014cf1fc94263a609195c/src/load-shinylive-sw.ts#L37-L52

And then this code checks for that object (and is where you are getting the error):

shinylive/src/Components/Viewer.tsx

Lines 33 to 36 in b8911ae

	if (!navigator.serviceWorker.controller) {
	throw new Error("ServiceWorker controller was not found!");
	}

[wgemm]

I get this:

May be the the preceding error is the problem. How can I give you more details about this.

Sorry I am very limited with my JS know how. That's why I use shiny for python :-)

[wch]

That's surprising to me. It sounds like load-serviceworker-sw.js is not able to load shinylive-sw.js here:

shinylive/src/load-shinylive-sw.ts

Lines 33 to 42 in b8911ae

	const serviceWorkerPath = serviceWorkerDir + "/shinylive-sw.js";
	// Start the service worker as soon as possible, to maximize the
	// resources it will be able to cache on the first run.
	if ("serviceWorker" in navigator) {
	navigator.serviceWorker
	.register(serviceWorkerPath, { type: "module" })
	.then(() => console.log("Service Worker registered"))
	.catch(() => console.log("Service Worker registration failed"));

Here is the documentation for a 428 response code:
https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/428

Is the application deployed somewhere where I could access it?

[wgemm]

I sent you an email with the URL

[wch]

Hi @wgemm, I don't think I've received the email. Can you send it to [email protected]?

[wgemm]

I have sent the URL. I hope you received it.

[wch]

Thanks, I did receive it -- it had gone to my spam folder.

I've tried using the Chrome debugging tools to figure out what is going on, but for some reason it's not logging the full HTTP request and response. For example, here's the information for load-shinylive-sw.js, which does load properly:

And here is the information for shinylive-sw.js, which is the one that fails to load in Chrome with 428 status code (but it works in other browsers):

Notice that it's not showing the full Request Headers. When I try to look at the Preview panel, I see this:

For reference, this is what the request looks like in Safari:

I'm really not sure what the problem is and without that request header information, I don't know what Chrome is sending to the server that is different from Firefox and Safari.

I suspect there's some interaction between Chrome and your server at Plesk such that Chrome is making the request without some header that your server wants to see, but we would need to see the request header in order to compare it to Safari and Firefox to figure out what is different.

[noecochetel]

Hi,

I have a similar issue here: "Error: ServiceWorker controller was not found!", however, it can work depending on the app location within my website.

I have 2 directories: Public and Private (navigating to pages pointing to the Private directory requires authentication).

• If the app is in the Public directory, it works fine.
• If the app is in the Private directory, after authentication, it only works on Firefox/Safari and gives me the error code on Chrome.

Did you find any solution @wgemm ?

Thank you.

[davipatti]

Hello, I'm also getting a `ServiceWorker controller was not found!" error on a shinylive app requiring authentication and am interested if a solution exists!

[wgemm]

Hi,

I have a similar issue here: "Error: ServiceWorker controller was not found!", however, it can work depending on the app location within my website.

I have 2 directories: Public and Private (navigating to pages pointing to the Private directory requires authentication).

* If the app is in the Public directory, it works fine.

* If the app is in the Private directory, after authentication, it only works on Firefox/Safari and gives me the error code on Chrome.

Did you find any solution @wgemm ?

Thank you.

No I didn't find a solution. Sorry.

[nshobert]

I have the same problem. Edge and Chrome browsers render the Shinylive editor temporarily and attempt to load the viewer. After a few seconds, the editor/viewer block collapses into a gray line and the console shows exactly the same Serviceworker controller not found! errors.

I just tried it in Firefox and it works. What a relief, though it would be nice to work in my familiar browser.

I am new to web development things so I don't know how to fix the Edge and Chrome issue, but wanted to add my experience to the thread in case it's helpful.

[vatulya]

I have the same issue with Edge and Chrome but not Firefox:

And in this instance, too, I cannot read response headers from the failed service-worker fetch attempt.