如何使用 nextjs 发送推送光束浏览器通知警报?

Abd*_*Gad 6 pusher reactjs service-worker next.js pusher-js

我正在使用经过身份验证的用户流通过 next.js 实现 Pusher-Beams,完全按照 Beams 文档中所述,并且进入了浏览器控制台client is subscribed and registered successfully

然而,在 Pusher-Beams 调试控制台网站页面上,当我单击推送通知按钮时,我收到这些消息,并且我的应用程序中没有显示任何内容

图像

我不知道我到底做错了什么?!!为什么我不断收到设备de-registered消息?

注意:我尝试过 Chrome、Firefox 和 Brave,但不起作用。