Pri zostavovaní aplikácie (build) sa môže vyskytnúť chybové hlásenie file.css exceeded maximum budget.
Príklad chybového hlásenia, ktoré sa môže objaviť pri builde aplikácie.
Error: /file.css exceeded maximum budget. Budget 4.00 kB was not met by 2.40 kB with a total of 6.40 kB.Pre vyriešenie tohto problému je potrebné upraviť súbor angular.json.
"configurations": {
"production": {
"budgets": [
{
"type": "initial",
"maximumWarning": "500kb",
"maximumError": "1mb"
},
{
"type": "anyComponentStyle",
"maximumWarning": "2kb",
"maximumError": "4kb"
}
],
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"outputHashing": "all"
},
"development": {
"buildOptimizer": false,
"optimization": false,
"vendorChunk": true,
"extractLicenses": false,
"sourceMap": true,
"namedChunks": true
}
},
"defaultConfiguration": "production"
},V súbore angular.json je potrebné zmeniť vo vlastnosti budgets hodnoty v sekcii anyComponentStyle a to zvýšením veľkostí 2kb a 4kb na vyššie hodnoty. Angular je komponentovo orientovaná architektúra, a tak sa neočakáva, že súbor CSS bude mať viac ako 4Kb. Po úprave môže budgets vyzerať takto.
"budgets": [
{
"type": "initial",
"maximumWarning": "500kb",
"maximumError": "1mb"
},
{
"type": "anyComponentStyle",
"maximumWarning": "10kb",
"maximumError": "20kb"
}
],Záver
Ak sa chyba vyskytuje naďalej, je potrebné zadať väčšie hodnoty.
