5

我使用以下版本使用 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 { }

有什么建议可以让我开始寻找解决方案吗？

4

1 回答 1

0

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

你可以看看这个 SO 答案： @angular/service-worker not working when offline

于 2018-03-03T15:44:11.713 回答