worker.service.ts

@Injectable({
  providedIn: 'root'
})
export class WorkerService {

  initialize() {
    if ('serviceWorker' in navigator && 'BroadcastChannel' in window) {
      // Initialize worker
      this.getWorkboxInstance()
        .subscribe((Workbox) => {
          if (Workbox) {
            const wb = new Workbox(`/${WORKER_NAME}`);
            wb.register();
          }
        });
    }
  }

  private getWorkboxInstance(): Observable<any> {
    return new Observable((observer: Observer<any>) => {
      import(
        /* webpackChunkName: "workboxWindow" */
        'workbox-window' as any
      )
        .then(({ Workbox }) => observer.next(Workbox))
        .catch(() => observer.next(null));
    });
  }
}