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
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: www.npmjs.com
register a service worker
<script> if ('serviceWorker' in navigator) { window.addEventListener('load', function() { navigator.serviceWorker.register('service-worker.js').then(function(registration) { // Registration was successful console.log('Registered!'); }, function(err) { // registration failed :( console.log('ServiceWorker registration failed: ', err); }).catch(function(err) { console.log(err); }); }); } else { console.log('service worker is not supported'); } </script>
Source: www.creativebloq.com