budgets: initial exceeded maximum budget- Angular

You get such error while building you angular project like WARNING in budgets: Exceeded maximum budget for initial. Budget 2 MB was not met by 714 kB with a total of 2.7 MB. To solve this we can do this

There are configurations in your angular.json which is available in your angular project. There one section/object with named “budgets”. That look like this

"budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
                },
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "6kb",
                  "maximumError": "10kb"
                }
              ]

Now you can change the values there to your need. After changing value your warning will not appear.

Leave a Reply