app.module.ts
文件中检查其是否已被注册。以下是一个例子:import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { ServiceWorkerModule } from '@angular/service-worker';
import { environment } from '../environments/environment';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
ServiceWorkerModule.register('ngsw-worker.js', {
enabled: environment.production,
// other options here...
})
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Service Worker
缓存策略是否正确配置。检查ngsw-config.json
文件并更新resources
中的配置以确保您要缓存的文件被包含在其中。您还可以在ngsw-config.json
中查看或更新缓存时间。例如,在ngsw-config.json
文件中:
{
"$schema": "./node_modules/@angular/service-worker/config/schema.json",
"index": "/index.html",
"assets": [
"favicon.ico",
"assets/*",
"manifest.json"
],
"dataGroups": [
{
"name": "api-freshness",
"urls": [
"https://example.com/api/products"
],
"cacheConfig": {
"strategy": "freshness",
"maxAge": "5m",
"maxSize": 100
}
},
{
"name": "images",
"urls": [
"https://example.com/images/**"
],
"cacheConfig": {
"maxSize": 50,
"maxAge": "1d",
"timeout": "10s"
}
}
]
}
Service Worker
是否已升级。您可以通过删除浏览器缓存并在新的应用程序版本中重新加载页面来安装更新。或
上一篇:Angular12如何使用Subscribe方法调用多个RestAPI?
下一篇:Angular12生成的vendor.xxx.js.map文件非常大(6.3MB),但似乎没有映射任何供应商代码。