Angular 5 PWA 未在离线模式下加载

Question

我使用以下版本使用 Angular CLI 新创建了一个 PWA：
Angular CLI：1.6.8
节点：8.8.1
Angular：5.2.5

我的问题：当我离线时，我只会看到一个空白页面。Service Worker 不会从缓存中加载任何资产。如果我手动停止并启动它，那么它将开始工作一小段时间。

没有改变任何东西，这是 cli 生成的。

我正在使用的配置：
ngsw.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/**" ] } 
  }] 
}

和 app.module.ts：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';


import { ServiceWorkerModule } from '@angular/service-worker';
import { AppComponent } from './app.component';

import { environment } from '../environments/environment';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    ServiceWorkerModule.register('/ngsw-worker.js', { enabled: environment.production })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

我可以开始寻找解决方案的任何建议？

Answer 1

如果您希望您的应用程序在没有提及索引文档（以及所有其他路由）的情况下离线工作，则必须设置路由器重定向。

你可以看一下这个答案： @Angular/service-worker notworkingwhenoffline