角度未检测到匹配的服务人员

Question

尽管有官方的角度配置，我还是遇到了这个错误。

这是我的 app.module.ts

        ServiceWorkerModule.register('ngsw-worker.js', {
            enabled: environment.production,
            registrationStrategy: 'registerImmediately'
        }),
    ],
    providers: [
        {
            provide: SwRegistrationOptions,
            useFactory: () => ({enabled: location.search.includes('sw=true')}),
        },
    ],

我在应用程序清单中没有检测到匹配的服务工作人员

这是我的清单，它可以正常工作

{
  "name": "invoice-app",
  "short_name": "invoice-app",
  "theme_color": "#1976d2",
  "background_color": "#fafafa",
  "display": "standalone",
  "scope": "/invoice-app/",
  "start_url": "/invoice-app/",
  "icons": [
    {
      "src": "assets/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-96x96.png",
      "sizes": "96x96",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-128x128.png",
      "sizes": "128x128",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-144x144.png",
      "sizes": "144x144",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-152x152.png",
      "sizes": "152x152",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-384x384.png",
      "sizes": "384x384",
      "type": "image/png",
      "purpose": "maskable any"
    },
    {
      "src": "assets/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable any"
    }
  ]
}

我无法弄清楚为什么它不起作用。 我显然在谷歌上搜索它但不可能找到服务人员。 有人可以帮我吗

Answer 1

将 manifest.webmanifest 扩展名更改为 manifest.json。它会完成工作。