404 not found for service worker in root directory

[simran66]

There is app folder that has the application content.

1. If I register service-worker in app folder, I cannot cache bower components and then app does not work offline.

2. If I register service worker outside of app folder, index.html which is in app folder, is never able to find path of servie-worker.js which is outside of app folder, in the root directory.

I have tried this in index.html:

if( 'serviceWorker' in navigator ) {
    navigator.serviceWorker
      .register( '../service-worker.js' , { scope : ' ' } )
      .then( function( ) {
        console.log('Congratulations!!Service Worker Registered');
      })
      .catch( function( err) {
        console.log(`Aagh! Some kind of Error :- ${err}`);
      });
  } else {
    console.log("SW NOT SUPPORTED");
    //still not supported
  }

But I only get 404.

I have also tried using absolute path i.e

.register( '/service-worker.js' , { scope : ' ' } )