Angular -Serviceworker: start_url не отвечает 200 в автономном режиме

Question

Версии

• "@ angular / common": "~ 9.0.0"
• "@ angular / service-worker": "~ 9.0 .0 "

Описание

Я реализовал сервис-воркер, используя ng add @angular/pwa --project [app], и Lighthouse распознал бы веб-приложение как PWA. Внезапно после одного развертывания на Firebase хостинге уведомление об установке не появлялось, поэтому я проверил консоль разработчика.

Манифест все еще отображался как обычно:

Но ничего не кэшировалось:

При запуске Lighthouse-Audit я получаю следующее ошибка:

start_url does not respond with a 200 when offline

ngsw-config. json

{
  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/favicon.ico",
          "/index.html",
          "/manifest.webmanifest",
          "/*.css",
          "/*.js"
        ]
      }
    }, {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/assets/**",
          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
        ]
      }
    }
  ]
}

manifest.webmanifest

{
  "name": "App",
  "short_name": "App",
  "theme_color": "#5787b2",
  "background_color": "#fafafa",
  "display": "standalone",
  "scope": "/",
  "start_url": "/",
  "icons": [
    {
      "src": "assets/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "assets/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

Answer 1

Итак, я нашел решение своей проблемы в этом комментарии к аналогичной проблеме: { ссылка }

В app.module.ts добавьте registrationStrategy: 'registerImmediately' к регистрации ServiceWorker, как это :

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