Chrome和Firebase推送通知服務工作程序尚未就緒

Question

遵循此代碼實驗室： https : //developers.google.com/web/fundamentals/getting-started/codelabs/push-notifications/

我下載了push-notifications.git項目，並將最后的/completed/08-unsubscribe示例上載到我的HTTPS Web服務器。

當我第一次訪問此頁面時，控制台日志顯示為：

Service Worker is supported
sw.js:24 Started
sw.js:28 Installed
sw.js:32 Activated

再次訪問該頁面的內容為：

Service Worker is supported

我要調試的問題是我沒有讓Service Worker is ready從此函數輸出：

if ('serviceWorker' in navigator) {
  console.log('Service Worker is supported');
  navigator.serviceWorker.register('/sw.js').then(function() {
    return navigator.serviceWorker.ready;
  }).then(function(serviceWorkerRegistration) {
    reg = serviceWorkerRegistration;
    subscribeButton.disabled = false;
    console.log('Service Worker is ready :^)', reg);
  }).catch(function(error) {
    console.log('Service Worker Error :^(', error);
  });
}

阻止我的“訂閱”按鈕啟用並觸發console.log('Service Worker is ready :^)', reg);的掛起在哪里console.log('Service Worker is ready :^)', reg); 還是console.log('Service Worker Error :^(', error);消息？

Answer 1

您的代碼是正確的。 如果您提供控制台，它應該打印。 我驗證了，它有效。 只需在其中提供控制台即可進行檢查。

if ('serviceWorker' in navigator) {
  console.log('Service Worker is supported');
  navigator.serviceWorker.register('/sw.js').then(function() {
  return navigator.serviceWorker.ready;
}).then(function(serviceWorkerRegistration) {

   console.log('Service Worker is ready :^)', reg);
}).catch(function(error) {
   console.log('Service Worker Error :^(', error);
});
}