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 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);
});
}