Service worker with Google's Workbox for Angular App - main file.

main.ts

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import {Workbox} from 'workbox-window';

if (environment.production) {
  enableProdMode();
}

function loadServiceWorker() {
  console.log('Hey , Lemme check if I can load the service worker. SW will load in production only!');
  if ('serviceWorker' in navigator && environment.production) {
    console.log('Okay, the browser supports service worker. That is encouraging!');
    const wb = new Workbox('service-worker.js');
    wb.register();
  } else {
    console.log('Service worker could not be loaded.')
  }
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .then(_ => loadServiceWorker())
  .catch(err => console.error(err));