Reactjs 推送通知在移动浏览器上不起作用

问题描述

我正在使用 push.js 模块向我的 PWA reactjs 应用程序 (firebase) 发送推送通知。 它在本地主机（桌面和移动）上运行良好，但在实时版本的移动浏览器上会引发错误：

"脚本具有不受支持的 MIME 类型 ('text/html')。 DOMException: 无法为作用域注册 ServiceWorker ...: 脚本具有不受支持的 MIME 类型 ('text/html')。"

权限弹出是显示，但由于某种原因服务工作者没有在移动设备上注册...问题是为什么？

这是我使用的代码：

import Push from 'push.js';
export function showNotification(title,body) {
const permission = Push.Permission.get();
if (permission === Push.Permission.GRANTED) {
    createNotification(title,body);
} else if (permission === Push.Permission.DEFAULT) {
    Push.Permission.request(
        () => createNotification(title,body),() => {}
    );
}
}

function createNotification(title,body) {
Push.create(title,{
    body: body,timeout: 4000,onClick: function () {
        window.focus();
        this.close();
    }
});
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）