通过将PWA添加到主屏幕并使用后台服务工作程序来发出通知，您走上了正确的道路。我不确定你的代码的其余部分是什么样子的，但是一定要提示用户启用它们，并根据需要注册/更新worker。
reactjs的基本示例：
在某些文件中（例如，firebase.js）：

const getOrRegisterServiceWorker = () => {
  if ('serviceWorker' in navigator) {
    return window.navigator.serviceWorker
      .getRegistration('/firebase-cloud-messaging-push-scope')
      .then((serviceWorker) => {
        if (serviceWorker) return serviceWorker;
        return window.navigator.serviceWorker.register('/firebase-messaging-sw.js', {
          scope: '/firebase-cloud-messaging-push-scope',
        });
      });
  }
};

const getFBToken = (setTokenFound) => {
    try {
      getOrRegisterServiceWorker()
        .then((serviceWorker) => {
          if (serviceWorker) {
            return getToken(messaging, {
               vapidKey: process.env.REACT_APP_FB_VAPID_KEY, 
               serviceWorker
            }).then((currentToken) => {
              if (currentToken) {
                setTokenFound(true);
              } else {
                setTokenFound(false);
              }
            }).catch((err) => {
              console.error(err);
            });
          }
        });
  } catch (err) {
    console.error(err);
  }
};

在相关组件文件中：

const AppComponent = ({}) => {

  const [displayNotif, setDisplayNotif] = useState(false);
  const [isTokenFound, setTokenFound] = useState(false);

  function reqNotifPerm() {
    try {
      Notification.requestPermission().then((result) => {
        if (result === "granted") {
          try {
            setTokenFound(true);
          } catch (err) {
            console.error(err);
          }
        }
      });
    } catch (err) {
      console.error(err);
    }
  };

  useEffect(() => {
    try {
      if (!(isTokenFound)) {
        setDisplayNotif(true);
      } else if (isTokenFound) {
        setDisplayNotif(false);
        getFBToken(setTokenFound);
      }
    } catch (err) {
      console.error(err);
    }
  },[isTokenFound]);

  return (
    //...
    {displayNotif && <div onClick={() => { reqNotifPerm() }}>
      {"Enable Notifications"}
    </div>}
    //...
  );
};

让我知道如果你有任何进一步的问题，并确保标记为接受的答案，如果它帮助。