/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 vote206 views1 answer
Try out the enumerate function for yourself in this quick exercise. Complete the skip_elements function to return every other element from the list, this time using the enumerate function to check if an element is on an even position or an odd positi
TypeScript
1 vote219 views2 answers
Docker An attempt was made to access a socket in a way forbidden by its access permissions.
TypeScript
0 vote195 views1 answer
Typescript get promise allsettled
TypeScript
1 vote139 views1 answer
Add correct host key in known_hosts to get rid of this message
TypeScript
0 vote152 views1 answer
Typescript array of object findindex
TypeScript
11 votes174 views5 answers
Shortcode_atts wordpress
TypeScript
1 vote149 views2 answers
Angular timestamp component
TypeScript
0 vote175 views1 answer
Linux Write a command to list all contents of files whose names start by a and end by z
TypeScript
5 votes166 views4 answers
How to take float input upto 2 decimal points in python
TypeScript
1 vote155 views1 answer
Crashlytics ionic 3
TypeScript