無法使用角度cli以角度注冊服務工作者

Question

我試圖將我的角度應用程序轉換為PWA，所以嘗試使用npm install @angular/service-worker --save和ng add @angular/pwa添加服務工作者然后我使用ng build --prod在生產模式下構建應用程序ng build --prod並使用ng serve --open為應用程序ng serve --open但是在控制台 - >應用程序選項卡中我使manifest.json運行正常但service worker沒有注冊並且在服務工作者部分中沒有顯示任何內容。

這是我的src / index.html
這是我的src / main.ts
這是我的angular.json
這是我的ngsw-config.json
這是我的src / app / app.module.ts

Answer 1

服務工作者ONLY ON HTTPS域上運行..如果您在localhost上測試它無法工作..也許嘗試使用angular cli運行您的localhost站點：

ng serve --prod --ssl=true

希望它能幫到你

也可以在main.ts文件中嘗試：

platformBrowserDynamic().bootstrapModule(AppModule)
  .then(() => {
    if ('serviceWorker' in navigator && environment.production) {
      navigator.serviceWorker.register('/ngsw-worker.js', {
        updateViaCache: 'none'
      }).then((sw) => {
        sw.update();
      });
    }
  })
  .catch(err => console.log(err));

並仔細檢查您的dist文件夾中的所有必要文件：

ngsw-worker.js

和

 ngsw.json 

正如你在screentshot中看到的那樣