title: Angular v8 throw error no matching service worker detected
body: <p>I'm always get the error like below when using service worker with angular v8 which did not happend in v7</p>
  <p><a href="https://i.stack.imgur.com/00pYW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/00pYW.png" alt="enter image description here" /></a></p>
  <p>Below is my config</p>
  <p>package.json</p>
  <pre><code>    &quot;@angular/animations&quot;: &quot;~8.2.14&quot;,
      &quot;@angular/common&quot;: &quot;~8.2.14&quot;,
      &quot;@angular/compiler&quot;: &quot;~8.2.14&quot;,
      &quot;@angular/core&quot;: &quot;~8.2.14&quot;,
      &quot;@angular/forms&quot;: &quot;~8.2.14&quot;,
      &quot;@angular/platform-browser&quot;: &quot;~8.2.14&quot;,
      &quot;@angular/platform-browser-dynamic&quot;: &quot;~8.2.14&quot;,
      &quot;@angular/pwa&quot;: &quot;^0.900.2&quot;,
      &quot;@angular/router&quot;: &quot;~8.2.14&quot;,
      &quot;@angular/service-worker&quot;: &quot;~8.2.14&quot;,
  </code></pre>
  <p>angular.json</p>
  <pre><code>&quot;assets&quot;: [
      &quot;src/assets/favicon.ico&quot;,
      &quot;src/assets&quot;,
      &quot;src/manifest.json&quot;
  ],
  &quot;configurations&quot;: {
      &quot;production&quot;: {
          // other is ommitted
          &quot;serviceWorker&quot;: true,
          &quot;ngswConfigPath&quot;: &quot;ngsw-config.json&quot;
      }
  }
  </code></pre>
  <p>ngsw-config.json</p>
  <pre><code>{
      &quot;$schema&quot;: &quot;./node_modules/@angular/service-worker/config/schema.json&quot;,
      &quot;index&quot;: &quot;/index.html&quot;,
      &quot;assetGroups&quot;: [
        {
          &quot;name&quot;: &quot;app&quot;,
          &quot;installMode&quot;: &quot;prefetch&quot;,
          &quot;resources&quot;: {
            &quot;files&quot;: [
              &quot;/assets/favicon.ico&quot;,
              &quot;/manifest.json&quot;,
              &quot;/*.css&quot;,
              &quot;/*.js&quot;
            ]
          }
        }, {
          &quot;name&quot;: &quot;assets&quot;,
          &quot;installMode&quot;: &quot;lazy&quot;,
          &quot;updateMode&quot;: &quot;prefetch&quot;,
          &quot;resources&quot;: {
            &quot;files&quot;: [
              &quot;/images/**&quot;
            ]
          }
        }
      ]
    }
  </code></pre>
  <p>app.module.ts</p>
  <pre><code> imports: [
          BrowserModule,
          ServiceWorkerModule.register(&quot;ngsw-worker.js&quot;, {
              enabled: environment.production
          })
      ],
  </code></pre>
  <p>index.html</p>
  <pre><code>&lt;link rel=&quot;manifest&quot; href=&quot;manifest.json&quot;&gt;
  &lt;meta name=&quot;theme-color&quot; content=&quot;#1976d2&quot;&gt;
  </code></pre>
  <p>manifest.json</p>
  <pre><code>{
      &quot;name&quot;: &quot;project&quot;,
      &quot;short_name&quot;: &quot;project&quot;,
      &quot;theme_color&quot;: &quot;#1976d2&quot;,
      &quot;background_color&quot;: &quot;#fafafa&quot;,
      &quot;display&quot;: &quot;standalone&quot;,
      &quot;scope&quot;: &quot;/&quot;,
      &quot;start_url&quot;: &quot;/&quot;,
      &quot;icons&quot;: [
          {
              &quot;src&quot;: &quot;assets/favicon.ico&quot;,
              &quot;sizes&quot;: &quot;72x72&quot;,
              &quot;type&quot;: &quot;image/ico&quot;
          },
          {
              &quot;src&quot;: &quot;assets/favicon.ico&quot;,
              &quot;sizes&quot;: &quot;96x96&quot;,
              &quot;type&quot;: &quot;image/ico&quot;
          },
          {
              &quot;src&quot;: &quot;assets/favicon.ico&quot;,
              &quot;sizes&quot;: &quot;128x128&quot;,
              &quot;type&quot;: &quot;image/ico&quot;
          },
          {
              &quot;src&quot;: &quot;assets/favicon.ico&quot;,
              &quot;sizes&quot;: &quot;144x144&quot;,
              &quot;type&quot;: &quot;image/ico&quot;
          },
          {
              &quot;src&quot;: &quot;assets/favicon.ico&quot;,
              &quot;sizes&quot;: &quot;152x152&quot;,
              &quot;type&quot;: &quot;image/ico&quot;
          },
          {
              &quot;src&quot;: &quot;assets/favicon.ico&quot;,
              &quot;sizes&quot;: &quot;192x192&quot;,
              &quot;type&quot;: &quot;image/ico&quot;
          },
          {
              &quot;src&quot;: &quot;assets/favicon.ico&quot;,
              &quot;sizes&quot;: &quot;384x384&quot;,
              &quot;type&quot;: &quot;image/ico&quot;
          },
          {
              &quot;src&quot;: &quot;assets/favicon.ico&quot;,
              &quot;sizes&quot;: &quot;512x512&quot;,
              &quot;type&quot;: &quot;image/ico&quot;
          }
      ]
  }
  
  </code></pre>
  <p>Please help me to point out what I have missed.</p>
  <p>Much appriciated.</p>