Sw.js affected by security system

[JVDesign]

jvdesign.epizy.com/gradia/beta

Registration failed with SecurityError: Failed to register a ServiceWorker for scope (‘https://jvdesign.epizy.com/gradia/beta/’) with script (‘jvdesign.epizy.com/gradia/beta/sw.js’): The script has an unsupported MIME type (‘text/html’).

Hey everyone,
I‘m currently developing a WebApp and in the latest version I tried adding a service worker to handle server request, so I‘d use less hits for a page load once the service worker is installed. Everything works fine on localhost, however on InfinityFree, I get the above error from my error handling.
I know, we have a security system running to ensure, websites can only be opened within web browsers, but I thought, .js files were excepted from that, since it‘s no problem just linking a script.js file to the site.
If .js files are handled like every other file by answering with an html file, then why is that only a problem to my sw.js?

Thanks for reading
JVDesign

[Oxy]

@JVDesign

I know, we have a security system running

YES - You can work around this by getting a custom domain and using Cloudflare

otherwise, I doubt it will work

---

Unrelated so much to your problem with the security system

if it is of any help to you about other things

AI

The problem likely lies in the installation process. In the ‘install’ event listener, you’re using event.waitUntil() to ensure the Service Worker doesn’t finish installing until the caching is complete. However, there might be an issue with the sendMessage() function or the resources being cached.

Here are a few things to check:

1. Ensure all the resources listed in the resourcesToCache() function call actually exist and are accessible.
2. Check if the sendMessage() function is defined correctly and not throwing any errors. The code snippet doesn’t show its full implementation.
3. Look for any error messages in the browser’s console that might provide more details about where the installation is failing.
4. Verify that the CACHE_NAME isn’t conflicting with any existing caches.
5. Make sure the Service Worker file itself is being served with the correct MIME type (application/javascript).

To further debug this, you could add more detailed logging throughout the installation process. For example:

self.addEventListener('install', (event) => {
    console.log('Installation started');
    event.waitUntil(
        resourcesToCache([
            'index.html',
            'style.css',
            'script.js',
            'background.jpg',
            'favicon.ico'
        ]).then(() => {
            console.log('Resources cached successfully');
            return sendMessage({from:'SW', version:CACHE_NAME, info:INFO});
        }).then(() => {
            console.log('Message sent successfully');
        }).catch((error) => {
            console.error('Installation failed:', error);
        })
    );
});

---

as far as I can see, favicon.ico does not exist on the beta location