angular-cli - Angular 6 CLI 没有注册服务人员

标签 angular-cli angular-cli-v6

我遵循了这个指南: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 开发工具 > 应用 list - 检测到,没有错误或警告 服务 worker - 空

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

ngsw-config.json - 由命令生成 assets/icons - 目录生成 app.module.ts - 导入数组包含 ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })

运行 PWA 审核返回错误,未注册 ServiceWorker。

最佳答案

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

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

关于angular-cli - Angular 6 CLI 没有注册服务人员,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52583050/

相关文章:

javascript - Angular-Cli - 如何构建 scss?

angular - 在 IIS 上提供 bundle.js.gz 文件

javascript - 单独编译 Angular 组件并在 HTML 页面中一起使用它们

angular - 使用 --watch 依次运行两个 Angular CLI 任务

Angular (CLI) 6 - 本地库发布

angular - ENOENT : no such file or directory, lstat '/Users/Desktop/node_modules'

angular - 在 .Net Core Angular 5 网站中缓存破坏 index.html

angular - 使用 Angular-CLI 6.1.2 创建新项目时出错

angular - 是否可以使用单个 angular-cli 命令生成多个 Angular 组件,例如 ng generate component comp1, comp2, comp3?

angular - ng-cli 6 和很棒的字体图标不起作用