Angular 项目中的 OneSignal Service Worker

Question

我正在尝试将 OneSignal 集成到我的 Angular 项目中。我使用 CloudFlare 页面来部署我的项目。

我按照here 的 OneSignal 的说明，在 src 文件夹下添加了建议的文件（OneSignalSDKWorker.js）。然后我通过执行以下操作初始化了 app.component.ts 中的 onesignal：

await this.oneSignal.init({
    appId: '<my-onesignal-app-id>',
  });

在那之后，我将我的更改提交到 GitHub 并部署了我的项目并授予在那里推送通知的权限。然后我收到以下错误：

[Service Worker Installation] Installing service worker failed SecurityError: Failed to register a ServiceWorker for scope ('https://myapp.cf/') with script ('https://myapp.cf/OneSignalSDKWorker.js?appId=myappid?sdkVersion=151513'): The script has an unsupported MIME type ('text/html').

尝试做这些：

1. 将 OneSignalSDKWorker.js 的路径添加到 angular.json 的构建脚本中。
2. 关闭 OneSignal 应用程序设置的“我的站点不是完全 HTTPS”选项。

   以上这些都没有解决我的解决方案，所以我愿意接受任何建议，谢谢。

   版本：

   • "@angular/core": "~12.2.0",
   • “onesignal-ngx”：“^1.0.1”，
   • “@types/节点”：“^12.11.1”

Answer 1

同样的问题。

您是否以某种方式解决了这个问题？