Laravel 启动pushManager.subscribe时未捕获（承诺中）的数据异常

我正试图将推送消息添加到我的服务人员中，并面临着自昨晚以来一直无法解决的问题

在我的主HTML文件中，我有以下内容-

<script>
    if('serviceWorker' in navigator) {
        window.addEventListener('load', () => {
            navigator.serviceWorker.register('/service-worker.js', {scope: '/pwa/'}).then(registration => {
                console.log('Service Worker Registered: ', registration);
                registration.pushManager.subscribe({userVisibleOnly:true});
            });
        })
    }
</script>

my

service worker offline.js中的条目-

workbox.skipWaiting();
workbox.clientsClaim();
// some other entries, followed by
self.addEventListener('push', (event) => {
    const title =   'Aha! Push Notifications with Service Worker';
    const options = {
        'body' : event.data.text()
    };
    event.waitUntil(self.registration.showNotification(title, options))
});

我期待您的回复，并提前感谢您的帮助


增编：

我做了进一步的调查，发现如果我-

Notification.requestPermission().then(function(permission) {
                        registration.pushManager.subscribe({userVisibleOnly: true});
                    })

然后推送通知工作；但错误依然存在。但是，错误现在指向
registration.pushManager.subscribe（{userVisibleOnly:true}）JS中的行。原因可能是什么
 DomeException的细节并不总是可见的。捕获DomeException，并确保将消息记录到控制台。它通常会提供更多的信息。在我的例子中，“注册失败-权限被拒绝”消息提醒我，我的chrome设置中有。如果您正在使用react，请在index.js中修复serviceWorker.unregister（）和serviceWorker.register（）。我是这样解决的

Notification.requestPermission().then(function(permission) {
                        registration.pushManager.subscribe({userVisibleOnly: true});
                    })