Reactjs EventListener'；推动'；通知在PWA中不起作用

我尝试按照这个教程（）在我的PWA中用reactjs编码实现通知

在第7步中，我们可以通过点击ChromeDevTools中的“发送测试按钮”来测试我们的通知。但什么也没发生

我为eventlistener准备了这一部分：

/* eslint-disable no-restricted-globals */
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: 'Yay it works.'
    };
    event.waitUntil(self.registration.showNotification(title, options));
});

当我点击测试按钮时，没有任何记录

为确保用户已正确注册，请执行以下操作：

function subscribeUser() {
  const applicationServerKey = urlB64ToUint8Array(applicationServerPublicKey);
  swRegistration.pushManager.subscribe({
    userVisibleOnly: true,
    applicationServerKey: applicationServerKey
  })
      .then(function(subscription) {
          updateSubscriptionOnServer(subscription);
          console.log(JSON.stringify(subscription));

        isSubscribed = true;

      })
      .catch(function(error) {
        console.error('Failed to subscribe the user: ', error);
      });
}

而且

订阅

记录良好

看起来是这样的：

{"endpoint":"https://fcm.googleapis.com/fcm/send/fssJxc6xoFY:APA91bE-3ekrsC3YhKqff6D0Ahy2CEjcZsZMs4MXKx6sBI_BrKqDz5Y5VlWQWSIyOKjWanEu5qvjCKPmxUnDHn5KXnUuMnOu9r04GXbEgRSvdAwHRkJvQpB1TmRvHC6Vdso0zTV30IOu","expirationTime":null,"keys":{"p256dh":"BJpmEsvpcrUmC2TCbzwBKZ-g3OKupg_zGiH6UbI_XaDWS6Szu2g_uiwDzuDw5j0YiQ-Ku71KSMPL6R65xfyScwI","auth":"FvETyIJg0tKD49DPkizalQ"}}

如果您知道为什么这不起作用，以及我的代码的哪一部分是错误的

多谢各位