为 pwa angular 7 添加服务工作者时出现问题

problem while adding service worker for pwa angular 7

我正在开发一个 Angular 应用程序,我需要在其中集成用于桌面的 pwa。我的应用程序已经包含带有 fcm 的推送通知,我发现这个库 Service worker 也用于 pwa。我的应用程序中有几个模块,其中有一个相应的服务器端模块通过 API 调用进行交互。 我可以在清单文件中启动 url 的项目中使用直接服务器 url 吗? 我尝试使用本地设置,但出现以下错误

我的项目angular.json文件结构如下

Fromm root -> src -> 我有

在 sw-app.js

在sw.js

在index.html中我添加了

  <script type="text/javascript" src="sw-app.js"></script>

在 service worker 的控制台中

在清单文件中

为什么我的 HTTP 响应代码是 404?请帮帮我

这里我们还要在angular.json文件中加载sw.js文件。 这解决了我的问题。