可以尝试以下方法来解决这个
npm install @angular/pwa@latest
npm install @angular/service-worker @angular/platform-server
然后在“angular.json”中添加以下配置:
"projects": {
"my-app": {
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
// ...
"serviceWorker": true,
"ngswConfigPath": "ngsw-config.json"
// ...
}
// ...
},
"server": {
"builder": "@angular-devkit/build-angular:server",
"options": {
// ...
"outputPath": "dist/my-app/server",
// ...
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"sourceMap": false,
"optimization": {
"scripts": false,
"minifyFonts": false
}
}
}
}
}
}
}
在这个配置中,首先指示Angular CLI使用“@angular-devkit/build-angular:browser”构建应用程序,将其配置为使用Service Worker和指向“ngsw-config.json”的路径。然后,配置一个附加的“@angular-devkit/build-angular:server”构建器,它将生成一个server输出目录,可以对其进行优化和缓存。
∠