燈塔：失敗：網站未注冊服務人員

Question

我有服務人員，我要注冊服務人員的代碼：

if('serviceWorker' in navigator) {
  navigator.serviceWorker
    .register('sw.js')
    .then(function() { console.log('Service Worker Registered'); })  
    .catch(function(error) {console.log('Service worker registration failed, error:', error);  });
} 

當我在瀏覽器中打開應用程序時，它顯示登錄瀏覽器的控制台“ Service Worker Registered”

另外，我可以在應用程序選項卡的服務對象部分顯示服務對象的chrome的inspect元素中看到服務對象。 看到錯誤

問題 ：-

1. 當我使用燈塔進行測試並生成報告時，它顯示：
2. 將不會提示用戶安裝Web App失敗：網站未注冊服務工作者。

我的代碼在這里： github

Answer 1

我不確定您添加事件監聽器的正確方式，可以嘗試遵循以下指南： https : //developers.google.com/web/ilt/pwa/caching-files-with-service-worker

他們提供的用於在安裝時緩存文件的示例如下所示：

self.addEventListener('install', function(event) {
  event.waitUntil(
    caches.open(cacheName).then(function(cache) {
      return cache.addAll(
        [
          '/css/bootstrap.css',
          '/css/main.css',
          '/js/bootstrap.min.js',
          '/js/jquery.min.js',
          '/offline.html'
        ]
      );
    })
  );
});

這導致您的軟件在安裝時中斷。