我正在使用 Angular 14。我面临着缓存突发的一些问题。我正在使用 Azure 来部署我的最新更改，部署后用户会看到旧版本的应用程序，并且他们必须进行硬刷新才能获取最新更改。
package.json
{
"name": "lr-black",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"build:prod": "node --max_old_space_size=8000 ./node_modules/@angular/cli/bin/ng build --configuration=production --output-hashing=all",
"build:qa": "ng build --configuration=qa --output-hashing=all",
"build:dev": "ng build --configuration=dev --output-hashing=all",
"watch": "ng build --watch --configuration development",
"test": "ng test"
},
"private": true,
"dependencies": {
"@angular/animations": "^14.1.0",
"@angular/cdk": "^14.2.7",
"@angular/common": "^14.1.0",
"@angular/compiler": "^14.1.0",
"@angular/core": "^14.1.0",
"@angular/fire": "^7.6.1",
"@angular/forms": "^14.1.0",
"@angular/google-maps": "^14.2.7",
"@angular/material": "^14.2.7",
"@angular/platform-browser": "^14.1.0",
"@angular/platform-browser-dynamic": "^14.1.0",
"@angular/router": "^14.1.0",
"@angular/service-worker": "^14.1.0",
"@danielmoncada/angular-datetime-picker": "^14.2.0",
"@ng-select/ng-select": "^9.0.2",
"@ngrx/effects": "^14.3.1",
"@ngrx/entity": "^14.3.1",
"@ngrx/router-store": "^14.3.1",
"@ngrx/store": "^14.3.1",
"@ngrx/store-devtools": "^14.3.1",
"@ngx-translate/core": "^14.0.0",
"@ngx-translate/http-loader": "^7.0.0",
"@popperjs/core": "^2.11.6",
"@types/facebook-js-sdk": "^3.3.6",
"ag-grid-angular": "^28.2.0",
"ag-grid-community": "^28.2.0",
"angular-google-charts": "^2.2.3",
"angular-idle-preload": "^3.0.0",
"angular2-notifications": "^12.0.0",
"bootstrap": "^5.2.2",
"chart.js": "^4.1.1",
"chartjs-plugin-annotation": "^2.1.0",
"email-validator": "^2.0.4",
"firebase": "^9.16.0",
"jquery": "^3.6.1",
"libphonenumber-js": "^1.10.18",
"lottie-web": "^5.9.6",
"moment": "^2.29.4",
"ng-circle-progress": "^1.6.0",
"ng2-charts": "^4.1.1",
"ngx-bootstrap": "^9.0.0",
"ngx-device-detector": "^4.0.0",
"ngx-drag-scroll": "^14.0.1",
"ngx-file-drop": "^14.0.1",
"ngx-lottie": "^9.1.0",
"ngx-mat-intl-tel-input": "^5.0.0",
"rxjs": "~7.5.0",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "^14.1.0",
"@angular/cli": "~14.1.0",
"@angular/compiler-cli": "^14.1.0",
"@types/jasmine": "~4.0.0",
"jasmine-core": "~4.2.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.0.0",
"typescript": "~4.7.2",
"webpack": "^5.79.0"
}
}我在构建时尝试使用
--output-hashing=allAngular.json
{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", “版本”：1， "newProjectRoot": "项目", “项目”：{ “ta-黑色”：{ “项目类型”：“应用程序”， “示意图”：{ “@schematics/角度：组件”：{ “样式”：“scss” } }, “根”： ””， "sourceRoot": "src", “前缀”：“应用程序”， “建筑师”：{ “建造”： { “构建器”：“@angular-devkit/build-angular：浏览器”， “选项”： { "outputPath": "dist/ta-black", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.app.json", "inlineStyleLanguage": "scss", “资产”：[ “src/favicon.ico”， “src/资产”， “src/manifest.webmanifest” ], “样式”：[ “node_modules/@angular/material/prebuilt-themes/indigo-pink.css”， “src/styles/styles.scss”， “src/assets/icons/testApp.css” ], “脚本”：[ “src/js/init.js”， “node_modules/jquery/dist/jquery.slim.min.js”， “node_modules/@popperjs/core/dist/umd/popper.js”， “node_modules/bootstrap/dist/js/bootstrap.min.js” ], “serviceWorker”：正确， “ngswConfigPath”：“ngsw-config.json” }, “配置”：{ “生产”： { “预算”：[ { “类型”：“初始”， “最大警告”：“500kb”， “最大错误”：“10mb” }, { “类型”：“任何组件样式”， “最大警告”：“2kb”， “最大错误”：“1mb” } ], “文件替换”：[ { “替换”：“src/environments/environment.ts”， “with”：“src/environments/environment.prod.ts” } ], “输出哈希”：“全部” }, “质量保证”：{ “文件替换”：[ { “替换”：“src/environments/environment.ts”， “与”：“src/environments/environment.qa.ts” } ], "outputHashing": "全部", “源地图”：假， “namedChunks”：假， “aot”：正确， “提取许可证”：正确， “vendorChunk”：假， “buildOptimizer”：正确， “预算”：[ { “类型”：“初始”， “最大警告”：“5mb”， “最大错误”：“10mb” } ] }, “开发”：{ “文件替换”：[ { “替换”：“src/environments/environment.ts”， “with”：“src/environments/environment.dev.ts” } ], "outputHashing": "全部", “源地图”：假， “namedChunks”：假， “aot”：正确， “提取许可证”：正确， “vendorChunk”：假， “buildOptimizer”：正确， “预算”：[ { “类型”：“初始”， “最大警告”：“5mb”， “最大错误”：“10mb” } ] }, “发展”： { “buildOptimizer”：假， “优化”：错误， “vendorChunk”：正确， “提取许可证”：假， “源地图”：正确， “namedChunks”：正确 } }, “默认配置”：“生产” }, “服务”： { “构建器”：“@ 角度-devkit /构建-角度：开发服务器”， “配置”：{ “生产”： { “browserTarget”：“ta-black：构建：生产” }, “发展”： { "browserTarget": "ta-black:build:development" }, “质量保证”：{ “browserTarget”：“ta-black：build：qa” }, “开发”：{ “browserTarget”：“ta-black：build：dev” } }, “默认配置”：“开发” }, “提取-i18n”：{ “构建器”：“@angular-devkit/build-angular:extract-i18n”， “选项”： { "browserTarget": "ta-black:build" } }, “测试”： { “构建器”：“@angular-devkit/build-angular：karma”， “选项”： { “主要”：“src / test.ts”， "polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.spec.json", "karmaConfig": "karma.conf.js", "inlineStyleLanguage": "scss", “资产”：[ “src/favicon.ico”， “src/资产”， “src/manifest.webmanifest” ], “样式”：[ “src/styles/styles.scss” ], “脚本”：[] } } } } }, “cli”：{ “分析”：假 } }
您是否尝试过更新 angular.json 配置文件？相关选项将在此路径中
{
"targets": {
"build": {
"configurations": {
"production": {
"outputHashing": "all"
}
}
}
}
}