/TypeScript/Ngsw pwa how to check version update

Ngsw pwa how to check version update

// You will probably need to tell the service worker to check the server for updates, I usually use a service for this:

export class UpdateService {

  constructor(public updates: SwUpdate) {
    if (updates.isEnabled) {
      interval(6 * 60 * 60).subscribe(() => updates.checkForUpdate()
        .then(() => console.log('checking for updates')));
    }
  }

  public checkForUpdates(): void {
    this.updates.available.subscribe(event => this.promptUser());
  }

  private promptUser(): void {
    console.log('updating to new version');
    this.updates.activateUpdate().then(() => document.location.reload()); 
  }
// In your app-component.ts:

  constructor(private sw: UpdateService) {
    // check the service worker for updates
    this.sw.checkForUpdates();
  }
// For whatever reason, Angular sometimes does not register the service worker properly. So you can modify `main.ts` :
// Replace:

// platformBrowserDynamic().bootstrapModule(AppModule);
// With:

platformBrowserDynamic().bootstrapModule(AppModule).then(() => {
  if ('serviceWorker' in navigator && environment.production) {
    navigator.serviceWorker.register('ngsw-worker.js');
  }
}).catch(err => console.log(err));

Source: stackoverflow.com

Similar codes

0 vote143 views1 answer
Add bullet points in text widget flutter
TypeScript
0 vote150 views1 answer
How to disable form control but keep value
TypeScript
0 vote221 views2 answers
Minikube arguments --cpus
TypeScript
1 vote148 views1 answer
Serenity conditional formatting grid row
TypeScript
1 vote149 views1 answer
Ion slides updateAutoHeight
TypeScript
0 vote194 views1 answer
Requests module in vs code python
TypeScript
0 vote147 views1 answer
Error: running homebrew as root is extremely dangerous and no longer supported. as homebrew does not drop privileges on installation you would be giving all build scripts full access to your system.
TypeScript
0 vote148 views2 answers
Does word start with vowel typescript
TypeScript
-1 vote154 views1 answer
Nestjs tutorial for beginners
TypeScript
0 vote147 views1 answer
Laravel many to many get related posts by category
TypeScript