我正在开发一个带有 React 的渐进式 Web 应用程序，当新的报价被添加到数据库时，它会收到通知。一切正常，我打开网络，要求用户授予启用通知的权限，我们允许他们，安装 PWA，运行它，在数据库中添加一个新的报价，然后显示带有新报价的通知（Chrome + 视窗 10）。

但问题是，如果 PWA 未运行，我不会收到任何通知。即使 PWA 已关闭，我也会认为 Service Worker 正在后台运行。我错过了什么？

这是我的notifications.ts 文件中的notifyNewOffer 函数

function notifyNewOffer(newOffer: Offer) {
  if ('serviceWorker' in navigator) {
    const options = {
      body: newOffer.subheading,
      icon: './logo192.png',
      image: './static/media/placeholder-offer.1bcbf040.png',
      vibrate: [100, 50, 200],
      badge: './favicon.ico',
      tag: 'new-offers',
      renotify: true,
      actions: [
        { action: 'confirm', title: 'Check offer', icon: '' },
      ],
    };
    navigator.serviceWorker.ready.then(swreg => {
      swreg.showNotification(newOffer.heading, options);
    });
  } else {
    console.log('no serviceWorker');
  }
}

这就是我所说的：

function addedOfferSubs<T>(setOffers: (offers:any) => void) {
  // @ts-ignore
  const subscription = API.graphql(graphqlOperation(addedOffer)).subscribe({
    next: async (eventData: SubscriptionValue<T>) => {
      const newOffer = (eventData.value.data as any).addedOffer;
      await indexedDb.createObjectStore('offers', 'id'); // Opens db. Will create the table offers only if it doesnt already exist 
      await indexedDb.putValue('offers', newOffer); // Adds new offer
      // Push notification
      notifyNewOffer(newOffer);
      // Set offers
      const offersData = await getOffersFromIdb();
      setOffers(offersData);
    },
  });
  return () => subscription.unsubscribe()
}

有任何想法吗 ？非常感谢