title: Site cannot be installed: no matching service worker detected
body: <p>Hey I am trying to program my first pwa and got the following problem:</p>
  
  <p>when I start my web app I get the following error:</p>
  
  <blockquote>
    <p>Site cannot be installed: no matching service worker detected. You may need to reload the page, or check that the service worker for the current page also controls the start URL from the manifest</p>
  </blockquote>
  
  <p>I think my manifest url is right because of this <a href="https://github.com/GoogleChrome/samples/issues/466" rel="noreferrer">link</a></p>
  
  <p>manifest.json</p>
  
  <pre><code>"start_url": ".",
  "display": "standalone",
  "orientation": "portrait",
  "theme_color": "#29BDBB",
  "background_color": "#29BDBB"
  </code></pre>
  
  <p>and I register my sw like this:</p>
  
  <pre><code>if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('./sw.js').then(function(reg) {
      console.log('Successfully registered service worker', reg);
  }).catch(function(err) {
      console.warn('Error whilst registering service worker', err);
  });
  }
  </code></pre>
  
  <p>I got my sw from <a href="https://github.com/IncredibleWeb/pwa-tutorial/blob/master/demo/sw.js" rel="noreferrer">here</a></p>
  
  <p>So I am trying to make a simple web app which I can host with <a href="https://shoppinglist-ecea7.firebaseapp.com/" rel="noreferrer">firebase</a>.</p>
  
  <p>Whats the problem? Thanks for your help </p>