/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

38 votes382 views4 answers
Comments inside children section of tag should be placed inside braces
TypeScript
14 votes329 views4 answers
Filter max value from array typescript
TypeScript
14 votes294 views3 answers
Property '...' has no initializer and is not definitely assigned in the constructor
TypeScript
51 votes530 views3 answers
Remove duplicates from a list of lists python
TypeScript
0 vote326 views1 answer
Test plan vs qa plan
TypeScript
0 vote295 views1 answer
Tolowercase typescript
TypeScript
0 vote293 views2 answers
Elixir list append
TypeScript
0 vote312 views2 answers
Kex
TypeScript
-1 vote363 views1 answer
Macro fiji bio-formats import options
TypeScript
0 vote323 views2 answers
To move a directory with its contents in terminal in linux
TypeScript