使用新的更新API来代替SwUpdate。

示例代码：

import { NgModule } from '@angular/core';
import { ServiceWorkerModule } from '@angular/service-worker';
import { environment } from '../environments/environment';

@NgModule({
  imports: [ServiceWorkerModule.register('/ngsw-worker.js', { enabled: environment.production })],
})
export class AppModule {}

在该示例中，我们使用了 ServiceWorkerModule 来代替旧的 SwUpdate 。通过在应用程序的根模块中导入 ServiceWorkerModule 并使用 register() 方法，我们可以注册并启用ServiceWorker。

此外，还可以使用 updateActivated 事件来获取更新已激活的信息，示例如下：

import { Component } from '@angular/core';
import { SwUpdate } from '@angular/service-worker';

@Component({
  selector: 'app-root',
  template: `
Angular PWA Example
`,
})
export class AppComponent {
  constructor(private swUpdate: SwUpdate) {
    swUpdate.available.subscribe((event) => {
      console.log('A new version is available');
      swUpdate.activateUpdate().then(() => document.location.reload());
    });

    swUpdate.activated.subscribe((event) => {
      console.log('The new version has been activated');
    });
  }
}

在上面的示例代码中，我们使用 available 事件来订阅当前可用的更新信息，并使用 activated 事件来获取已激活的更新信息。通过使用 SwUpdate 的这些方法，我们可以轻松地更新我们的PWA应用程序。