/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 vote253 views1 answer
Hide elements in 2s jquery
TypeScript
10 votes261 views3 answers
Foreach typescript
TypeScript
1 vote223 views1 answer
Fake browser visti python headers
TypeScript
0 vote259 views1 answer
Typescript string concatenation best practice
TypeScript
1 vote239 views2 answers
No type arguments expected for interface ListAdapter
TypeScript
0 vote219 views1 answer
____________ determines the time spent in various parts of the unit.
TypeScript
1 vote231 views1 answer
Github sync local with remote
TypeScript
38 votes236 views2 answers
\Activate.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170
TypeScript
1 vote235 views2 answers
Subplots matplotlib
TypeScript
0 vote230 views1 answer
How to print selected elements from a list
TypeScript