Service worker registration failed -- PWA Not working after Universal Prerendering implementation in Angular 9

Question

Error Throwing in the console Log The script has an unsupported MIME type ('text/html').

Service worker registration failed with: DOMException: Failed to register a ServiceWorker for scope ('https://localhost:4000/') with script ('https://localhost:4000/ngsw-worker.js'): The script has an unsupported MIME type ('text/html').

Does `https://localhost:4000/ngsw-worker.js` return a js script if you open that url in the browser? — David, Mar 14 '20 at 07:03
If my answer is right, you might accept it as the right answer — canbax, Jul 23 '20 at 08:20

score 2 · Answer 1 · answered Mar 13 '20 at 12:03

2

Try

ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production, scope: './', registrationStrategy: 'registerImmediately' })

inside app.module.ts

answered Mar 13 '20 at 12:03

canbax

3,432
1
27
44

score 0 · Answer 2 · answered Feb 03 '22 at 15:36

In my case service worker was twice registered.

Once from index.html

  <script type="text/javascript">

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/serviceworker').then(function (registration) {
    console.log('ServiceWorker registration successful with scope: ', registration.scope);
  }, function (err) {
    console.log('ServiceWorker registration failed: ', err);
  });
}

Second time by

ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })

inside app.module.ts

//ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })

Solved my problem.

Service worker registration failed -- PWA Not working after Universal Prerendering implementation in Angular 9

2 Answers2