Javascript 如何在React中创建本地推送通知？

我一直试图在Reactjs中本地生成推送通知。通知API适用于桌面浏览器。但对于Android，会抛出follow错误

TypeError:构造“通知”失败：构造函数非法。 改为使用ServiceWorkerRegistration.showNotification（）

我正在使用

create-react-app

的默认服务工作者

---

如何使用上述

ServiceWorkerRegistration.showNotification（）

发出通知。我查看了几个网站，但我无法理解这个概念。

请您按照您必须考虑的方式向我们展示代码：

​ServiceWorkerRegistration.showNotification(title, [options]).then(function(NotificationEvent) { ... });

---

在选项属性中，标记：当没有足够的空间显示通知本身（例如Android通知栏）时，表示通知的图像URL。在安卓设备上，徽章应能容纳高达4倍分辨率的设备，大约96 x 96像素，图像将自动屏蔽

好的。但我的问题是如何调用这个函数。我的意思是，这个showNotitication（）函数的实际定义在哪里，从哪里可以调用它？如果有一个工作示例，您可以共享它吗..

navigator.serviceWorker.register（'sw.js'）；函数showNotification（）{Notification.requestPermission（函数（结果）{if（结果=='grated'）{navigator.serviceWorker.ready.then（函数（注册）{registration.showNotification（'Vibration Sample'），{body:'Buzz！Buzz！'，图标：'../images/touch/chrome-touch-icon-192x192.png'，振动：[200100200100200]，标签：'vibration sample'}）；}）；}}}