运行 build --prod 时生成没有 Service worker 文件 ngsw.json / ngsw-wor

Question

使用 angular 5.1.2 Angular-cli 1.6.3

所有文件都是非常普通的。 dist 文件夹已创建

My ngsw-config.json

{
"index": "/index.html",
"assetGroups": [
    {
        "name": "app",
        "installMode": "prefetch",
        "resources": {
            "files": [
                "/favicon.ico",
                "/index.html"
            ],
            "versionedFiles": [
                "/*.bundle.css",
                "/*.bundle.js",
                "/*.chunk.js"
            ]
        }
    },
    {
        "name": "assets",
        "installMode": "lazy",
        "updateMode": "prefetch",
        "resources": {
            "files": [
                "/assets/**"
            ]
        }
    }]   

}

My app.module.ts 使用

  ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })

我正在使用 vanilla environment.ts 和 environment.prod.ts

主目录

import './polyfills.ts';
import {enableProdMode} from '@angular/core';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {AppModule} from './app/app.module';
import {environment} from './environments/environment';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.then(() => {
if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('ngsw-worker.js');
}
})
.catch(err => console.log(err));

不确定还要检查什么

Answer 1

您是否serviceWorker属性添加到.angular-cli.json中的第一个条目apps？如果没有，则 angular-cli 不会构建它。

"apps": [
  {
    ...
    "serviceWorker": true
  }
}

<小时 />

编辑 截至2018年12月，.angular-cli.json现在是angular.json，serviceWorker 的格式现在是：

{
    ...
    "projects": {
         "my-project-name": {
             "architect": {
                 "build": {
                     "configurations": {
                        "production": {
                           "serviceWorker": true
                        }
                     }
                 }
             }
         }
    }

您需要为需要服务工作线程的每个配置指定 serviceWorker： true。

Answer 2

我遇到了同样的问题。原来我使用的是旧包

"@angular-devkit/build-angular": "~0.6.6"

这应该是

"@angular-devkit/build-angular": "~0.10.0",

在此之后，复制服务工作进程

还要确保使用最新的 Angular 7 和最新集的 Angular CLI

Answer 3

经过长时间的搜索，我们发现构建中缺少的 --prod 标志造成了问题。正是这个生成了服务工作者文件，并且没有额外的构建标志能够做到这一点(与丑化相同，丑化是我们之前将 --build 标志与 --env=build 交换的原因(。有关 --build 标志上发生的情况的更多信息，请参见此处：带有 CLI 的 Angular 2 - 用于生产。

Answer 4

看来我的app.module.ts缺少一个空格

我有： 环境.生产 ？ServiceWorkerModule.register('/ngsw-worker.js'( ：[]

改为： 环境.生产 ？ServiceWorkerModule.register('/ngsw-worker.js'( ： []