Angular 6 CLI 未注册服务工作线程

Question

>我遵循了本指南：https://angular.io/guide/service-worker-getting-started

在我运行的现有 Angular CLI 应用程序中

ng add @angular/pwa --project *project-name*

ng build --prod

npm start -c-1 dist/<project-name>

Chrome 开发工具>应用程序 清单 - 检测到，无错误或警告 服务工作线程 - 空

"网络"选项卡加载每个文件 200

ngsw-config.json - 存在由命令生成的 资产/图标 - 生成的目录 app.module.ts - import array 包含ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })

运行 PWA 审核会返回服务工作者未注册的错误。

Answer 1

我遇到了同样的问题。将其添加到main.ts解决了问题。

platformBrowserDynamic().bootstrapModule(AppModule).then(() => {
if ('serviceWorker' in navigator && environment.production) {
navigator.serviceWorker.register('ngsw-worker.js');
}
}).catch(err => console.log(err))