Connection refused when call ngsw-worker.js file and Service worker is not registering

[minajacob]

I can't register service worker in capacitor webview
I used angular and capacitor 1.0.0-beta.24

I think that URL schema need to be https which service worker required, How to make this https ? or what is the suitable solution to register SW
My package.json is :

and the problem is : (This is from Android Emulator)

Failed to load resource: net::ERR_CONNECTION_REFUSED
Uncaught Error: Uncaught (in promise): TypeError: Failed to register a ServiceWorker: An unknown error occurred when fetching the script.
TypeError: Failed to register a ServiceWorker: An unknown error occurred when fetching the script.

[jcesarmobile]

What are you doing with the service workers?
Can you provide a sample app?

[minajacob]

Thanks @jcesarmobile for your reply
I created a PWA app that uses service worker for caching some requests and offline support. This work nice in web but not sure how this PWA app should work well inside the capacitor due to this issue.

[jcesarmobile]

So, can you provide a sample app?

[minajacob]

I create a sample app in this repository
https://github.com/minajacob/capacitor-sw

[dimitrios1988]

Is there any news about the matter? I am having the same issue

[jcesarmobile]

So, the problem is the web worker requests don't go through the regular shouldInterceptRequest.

You can use this workaround
https://stackoverflow.com/questions/55894716/how-to-package-a-hosted-web-app-with-ionic-capacitor

You don't need a plugin, you can use a similar code in the MainActivity.java like this:

if(Build.VERSION.SDK_INT >= 24 ){
      ServiceWorkerController swController = ServiceWorkerController.getInstance();

      swController.setServiceWorkerClient(new ServiceWorkerClient() {
        @Override
        public WebResourceResponse shouldInterceptRequest(WebResourceRequest request) {
          return bridge.getLocalServer().shouldInterceptRequest(request);
        }
      });
    }

But notice that it requires SDK 24 and Capacitor supports SDK 21, so it won't work on 21-23

[kenezetele]

This workaround doesnt work anymore with the latest webview update (v90). If the app had a worker registered, doesnt load at all, and if not, cant register the worker. For me it seems like ServiceWorkerClient gets overridden even if I am overriding it. Do you have any other workaround suggestions?

[jcesarmobile]

If google broke something you’ll have to report it to google, they probably didn’t do it on purpose

https://bugs.chromium.org/p/chromium/issues/list?q=component:Mobile%3EWebView

[kenezetele]

I am making a report. Do you think is it possible to make a workaround until they fix it? The app is broken in production. Reinstalling it removes the service worker but then the modules are loaded slower from the app than from the cache.

[laurentgoudet]

I am making a report. Do you think is it possible to make a workaround until they fix it? The app is broken in production. Reinstalling it removes the service worker but then the modules are loaded slower from the app than from the cache.

Did you end up making a report @kenezetele? The v91 WebView update seems to have fixed the issue

[kenezetele]

Did you end up making a report @kenezetele? The v91 WebView update seems to have fixed the issue

Yes, I have made a report with a sample app to reproduce the issue. They have fixed it from there.
https://bugs.chromium.org/p/chromium/issues/detail?id=1204098#c1

[dylanvdmerwe]

Note that this does not work:

When the site is served from the service worker capacitor is not injected:

Issue raised here.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.