Angular 5 PWA未在離線模式下加載

Question

我使用以下版本使用Angular CLI創建了一個新的PWA：
Angular CLI：1.6.8
節點：8.8.1
Angular：5.2.5

我的問題：當我離線時，我只是得到一個空白頁面。 服務工作者不從緩存加載任何資產。 如果我手動停止並啟動它，它將開始工作一小段時間。

沒有改變任何東西，這是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

如果您希望您的應用程序在沒有提到索引文檔的情況下脫機工作（以及所有其他路由），則必須設置路由器重定向。

您可以看一下這個SO答案： @ angular / service-worker離線時無法正常工作