title: Progressive Web App - Service Worker not serving start_URL
body: <p>Was playing around with the progressive web app. I've trying to make web app install banner working but I keep receiving <code>service worker does not successfully serve the manifest's start_url</code> after I debugging using Lighthouse (Picture below). Currently I'm hosting my website using azure.</p>
  
  <p><strong>NEW:</strong>
  I checked all my cache, start_url, and also my service worker to see everything match. But it still gives me the same error.</p>
  
  <p><a href="https://i.stack.imgur.com/EdVUP.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/EdVUP.jpg" alt="enter image description here"></a></p>
  
  <p>I'm not sure if it's my <code>start_url</code> or my <code>service-worker</code>problem. Below is my code.</p>
  
  <p><code>manifest.json</code></p>
  
  <pre><code>  {
     "short_name": "MY EXPERTS",
     "name": "MYEXPERT",
     "icons": [
      {
        "src": "Images/petronas_logo_192.png",
        "type": "image/png",
        "sizes": "192x192"
      },
      {
        "src": "Images/petronas_logo_192.png",
        "type": "image/png",
        "sizes": "512x512"
      }
   ],
  
   "background_color": "#FFFFFF",
   "theme_color": "#67BCFF",
   "display": "standalone",
   "start_url": "/Home/Index"
  }
  </code></pre>
  
  <p><code>AddServiceWorker.js</code></p>
  
  <pre><code>if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/service-worker.js').
      then(function (registration) {
          // Registration was successful``
          console.log('ServiceWorker registration successful with scope: ', 
  registration.scope);
      }).catch(function (err) {
          // registration failed :(
          console.log('ServiceWorker registration failed: ', err);
      });
  }
  </code></pre>
  
  <p><code>service-worker.js</code></p>
  
  <pre><code> self.addEventListener('install', e =&gt; {
   e.waitUntil(
      caches.open('airhorner').then(cache =&gt; {
          return cache.addAll([
              '/',
              '/?utm_source=homescreen',
              '/Home/About',
              '/Home/Index',
              '/Home/Contact'
          ])
              .then(() =&gt; self.skipWaiting());
      })
    )
  });
  
  self.addEventListener('activate', event =&gt; {
   event.waitUntil(self.clients.claim());
  });
  
  self.addEventListener('fetch', event =&gt; {
    event.respondWith(
      caches.match(event.request).then(response =&gt; {
          return response || fetch(event.request);
      })
    );
  });
  </code></pre>
  
  <p>My Browser Cache :</p>
  
  <p><a href="https://i.stack.imgur.com/M4fAm.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/M4fAm.jpg" alt="enter image description here"></a></p>