Register service worker

import { register } from 'register-service-worker'

register('/service-worker.js', {
  registrationOptions: { scope: './' },
  ready (registration) {
    console.log('Service worker is active.')
  },
  registered (registration) {
    console.log('Service worker has been registered.')
  },
  cached (registration) {
    console.log('Content has been cached for offline use.')
  },
  updatefound (registration) {
    console.log('New content is downloading.')
  },
  updated (registration) {
    console.log('New content is available; please refresh.')
  },
  offline () {
    console.log('No internet connection found. App is running in offline mode.')
  },
  error (error) {
    console.error('Error during service worker registration:', error)
  }
})

Source: npmjs.com

Register a service worker

if ('serviceWorker' in navigator) {
  window.addEventListener('load', function() {
    navigator.serviceWorker.register('/sw.js').then(function(registration) {
      // Registration was successful
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }, function(err) {
      // registration failed :(
      console.log('ServiceWorker registration failed: ', err);
    });
  });
}

Source: developers.google.com

Similar codes

0 vote125 views1 answer
TypeError: __cinit__() takes at least 2 positional arguments (0 given)
TypeScript
11 votes139 views5 answers
Shortcode_atts wordpress
TypeScript
0 vote114 views1 answer
How to print selected elements from a list
TypeScript
0 vote109 views1 answer
Flutter create widget for each element of list
TypeScript
0 vote111 views1 answer
Primeng dropdown formControlName setValue
TypeScript
5 votes122 views2 answers
Validation minlength angular
TypeScript
0 vote124 views1 answer
INFO: This is taking longer than usual. You might need to provide the dependency resolver with stricter constraints to reduce runtime.
TypeScript
14 votes104 views3 answers
Generic arrow function typescript
TypeScript
0 vote110 views1 answer
If image is broken show alternative image angular
TypeScript
0 vote116 views1 answer
How should a developer write unit tests for a private method in an apex class
TypeScript