Laravel PWA Service Worker adding problem

Question

I am working on laravel progressive web application . I initiate the service worker in app.js . My service worker file is in ./public directoy . its name is service-worker.js.

but the problem is when i run the app in localhost its showing the folling error in console.

"uncaught (in promise) DOMException: Failed to register a ServiceWorker: The script has an unsupported MIME type ('text/plain')."

So how can i solve this please tell me. in app.js i included below code:

if ('serviceWorker' in navigator)
{
    window.addEventListener('load', function() {
                 navigator.serviceWorker.register('/service-worker.js');
    });
}

Abhinav Verma Abhinav Verma · Accepted Answer · 2019-01-21T09:25:19

If you are using nginx to serve your project then add this to server block this may solve the issue :

location ~ \.js {
     add_header  Content-Type    application/x-javascript;
}

Else if you are using apache then put this in httpd.conf (also ensure you have mod_mime) :

AddType text/javascript .js

This may solve your issue, generally if you don't include mime setups in your server setup you may face these issues. i suggest check your server setup first.

Laravel PWA Service Worker adding problem

2 Answers