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

时间:2018-02-14 17:01:08

标签: angular progressive-web-apps angular-service-worker

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

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

0 个答案:

没有答案