@angular/pwa 服务人员不在我已经存在的项目上工作

Question

我正在尝试将服务人员添加到我的（已经存在的）项目中。 但是当我打开浏览器时，我发现它没有得到服务人员。

这些是我遵循的步骤：

1. 在我的项目中运行 ng add @angular/pwa --project <my-project-name>
2. 正在运行ng build --prod
3. 使用http-server -p 8080 -c-1 dist/<my-project-name> 运行应用程序

现在，应用程序正在运行，它确实获得了清单文件，但没有获得 service worker：

manifest.webmanifest：

ngsw-config.json:

当我尝试在一个全新的项目上执行上述所有步骤时，它确实有效并得到了服务人员。但不在我已经存在的项目中。

Answer 1

尝试将 service worker 设置为 registerImmediately，如下所示：

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

如果您有一个使用 setInterval 之类的第三方库，则服务工作者将永远不会注册。这是因为默认的registerWhenStable 依赖于isStable，这在重复任务中永远不会发生。

如果您在应用程序启动时启动任何类型的循环异步任务（例如对于轮询过程，以 setInterval、setTimeout 或使用 RxJS 操作符（如 interval）启动），应用程序将永远不会稳定；