Невозможно прочитать свойство 'showNotification' из неопределенного

Question

Я использую приложение create-реакции-приложение с PWA и просто не могу работать с уведомлениями api: (

эта ошибка:

Cannot read property 'showNotification' of undefined

Мой код

Notification.requestPermission(function(status) {
    console.log("Notification permission status:", status);
  });

  async function displayNotification() {
    if (Notification.permission === "granted") {
       await navigator.serviceWorker.getRegistration().then(reg => {
         reg.showNotification("Go go")
       });
    }
  }

Я не понял ошибку

Answer 1

вы не можете одновременно ждать и использовать. Вы можете использовать только тогда по обещаниям. И если вы ждете, вы выполняете свое обещание.

вы можете сделать:

async function displayNotification() {
  if (Notification.permission === "granted") {
     const reg = await navigator.serviceWorker.getRegistration()
     reg.showNotification("Go go")
  }
}

или:

function displayNotification() {
  if (Notification.permission === "granted") {
     navigator.serviceWorker.getRegistration().then(reg =>{
       reg.showNotification("Go go")
     }
  }
}