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

Question

控制台日志中抛出错误脚本具有不受支持的 MIME 类型 ('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').

Answer 1

Try

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

inside app.module.ts

Answer 2

In my case service worker was twice registered.

  <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);
  });
}