Blazor WASM 中的 Chrome 推送通知出现“此站点已在后台更新”问题答案

【问题标题】："This site has been updated in the background" issue with Chrome push notifications in Blazor WASMBlazor WASM 中的 Chrome 推送通知出现“此站点已在后台更新”问题
【发布时间】：2021-08-03 07:48:59
【问题描述】：

我正在使用 Chrome，我已经根据许多堆栈溢出帖子和谷歌开发者文档设置了所有内容，但问题是“推送”事件似乎没有被调用。这是我的“推送”活动...

    self.addEventListener('push', event => {
    const payload = event.data.json();
    event.waitUntil(
        self.registration.showNotification('My Website', {
            body: payload.message,
            icon: 'img/icon-512.png',
            vibrate: [100, 50, 100],
            data: { url: payload.url }
        })
    );
});

在已发布的网站上，推送通知给我错误“此网站已在后台更新”。但是，在本地主机中，它接受从我的服务器发送的通知并显示该通知，但不接受“推送”中的本地通知。调试推送事件似乎没有被调用。

【问题讨论】：

标签： javascript web blazor webassembly

【解决方案1】：

所以我找到了答案，当您将 Blazor WASM 应用程序创建为 PWA 时，它会添加一个 service-worker.js 文件，如果您在检查器中展开该文件，它也会有一个 service-worker.published.js 文件。该文件需要使用 service-worker.js 文件中的任何内容进行更新。

【讨论】：