如何在类星体的PWA中与服务人员推送通知？

Question

我正在尝试与类星体的PWA中的服务人员一起推送通知。

概括来说，类星体的服务人员有2个文件要定义。 Image

您可以在这里阅读这些文件的含义：https://quasar.dev/quasar-cli/developing-pwa/configuring-pwa#Service-Worker

我的问题是，当我在“ custom-service-worker.js”文件中写入事件 push 时。我的代码在这里：

 self.addEventListener('push', function (event) {
  console.log('[Service Worker] Push Received.');
  // console.log(`[Service Worker] Push had this data: "${event.data.text()}"`);

  const title = 'Push Codelab';
  const options = {
    body: 'Hello travel app.',
    icon: 'images/icon.png',
    badge: 'images/badge.png',
    data: "https://google.com"
  };

  event.waitUntil(self.registration.showNotification(title, options));
});

我有一个错误“ TypeError：无法在'ServiceWorkerRegistration'上执行'showNotification'：未为此来源授予任何通知权限”

所以。您能解决这个错误的任何想法吗？如果还有其他方法可以实现，请帮助我。 非常感谢。