无法将Firebase通知集成到我的应用程序中（javascript / angular）

Question

我在与Firebase集成时遇到问题，可以成功初始化消息传递，并且可以显示弹出窗口以询问用户显示通知的权限，但是之后，我无法获得该用户的令牌。

当我看到日志时，我注意到控制台日志中存在以下错误

firebase.initializeApp(config);
      const messaging = firebase.messaging();


      messaging.requestPermission().then(function (permission) {
        var token = messaging.getToken();
        alert(token);
        token.then(function (cToken) {
          alert(cToken);
        });
      });

core.js：15724错误错误：未捕获（承诺）：FirebaseError：消息传递：我们无法注册默认服务工作者。 无法注册ServiceWorker：获取脚本时收到错误的HTTP响应代码（404）。 （消息/服务工作者注册失败）。 FirebaseError：消息传递：我们无法注册默认服务工作者。 无法注册ServiceWorker：获取脚本时收到错误的HTTP响应代码（404）。 （消息/服务工作者注册失败）。 在firebase.js：1在ZoneDelegate.push ../ node_modules / zone.js / dist / zone.js.ZoneDelegate.invoke（zone.js：391）在Object.onInvoke（core.js：17299）在ZoneDelegate.push ../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke（zone.js：390）位于Zone.push ../ node_modules / zone.js / dist / zone.js.Zone.run（区域。 js：150）在zone.js：910

Answer 1

如果您通过Angular Service Worker软件包使用Angular Service Worker，则需要在app.module.ts中注册您的Service Worker。

从“ @ angular / service-worker”导入{ServiceWorkerModule}；

然后在导入中添加导入：[ServiceWorkerModule.register（'ngsw-worker.js'，{启用：environment.production}）

Answer 2

我已经在html文件中添加了如下的javascript库，尽管这是angular的索引文件。 如果您仍然认为是引发异常的角度组件，请提出纠正措施。

<script src="https://www.gstatic.com/firebasejs/5.5.9/firebase.js"></script>