未找到 Angular 5 ngsw-worker js 文件

问题描述

我正在尝试在 angular 5 上实现 PWA。

@angular/cli version: 5.2.10
@angular/core version: 5.2.10
@angular/service-worker version: 5.2.11

当我在触发 prod 构建后运行服务器时，ngsw-worker js 文件没有被复制到构建文件夹，并且在尝试在 app.module (ServiceWorkerModule.register('/ngsw-worker. js'))，它会抛出 404 错误。 我试过在 https 中运行该应用程序，但这也无济于事。我还在 angular-cli.json 配置中包含了 serviceWorker: true。是否需要包含任何其他配置？

Console Error

注意：我已经在根目录中添加了 ngsw-config.json 并尝试将其移动到 src 中。 此外，在包 json 中添加了一个脚本，以在运行 prod build 时将 ngsw-worker.js 文件从 node_modules 复制到 dist 文件夹。但是还是出现同样的错误。

    "ngsw-config": "node_modules/.bin/ngsw-config dist src/ngsw-config.json","ngsw-copy": "cp node_modules/@angular/service-worker/ngsw-worker.js dist/","build-prod-ngsw": "ng build --prod && npm run ngsw-config && npm run ngsw-copy",

解决方法

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

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

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