Yandex Metrica
Angular "exceeded maximum budget" Hatası Çözümü - Yasin Sunmaz

Yasin Sunmaz

Kodladıkça değişen bir dünya...

Angular "exceeded maximum budget" Hatası Çözümü

27.06.2023 yasinsunmaz 387 0

Angular'da aldığım "exceeded maximum budget. Budget 4.00 kB was not met by 10.22 kB with a total of 14.22 kB." hatasının çözümünü bu yazımda sizlere anlattım. Angular projemizde sona gelip yayına almak istediğimizde projeyi publish etmemiz gerekiyor. Fakat publish yapma sırasında bazı hata ve durumlar ile karşılaşabiliyoruz.

Öncelikle Angular projemizi publish etmek için aşağıdaki kod satırını kullanabilirsiniz.

ng build --prod

Bu adımdan sonra hata yoksa her şey harika. Fakat "exceeded maximum budget. Budget 4.00 kB was not met by 10.22 kB with a total of 14.22 kB." gibi bir hata alıyorsanız küçük bir değişiklik yapmamız gerekecek. Öncelikle bu sorun "angular.json" dosyamız içerisindeki "configuration" kısmındaki ilgili limitlerden kaynaklanıyor.

angular.json > configuration > production > budgets adımlarını takip edin. budget içerisindeki production ortamındaki "type":"anyComponentStyle" olan yerdeki "maximumError" değerini varsayılan 4kb değil de sizin hata aldığınız değerin biraz üzerinde yazarak sorunu çözebilirsiniz. Bendeki hatada 14.22 kB verdiği için 15kb olarak değeri değiştirdim.

angular.json dosyası

"configurations": {
            "production": {
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "500kb",
                  "maximumError": "1mb"
                },
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "2kb",
                  "maximumError": "15kb"
                }
              ],

Bu şekilde bu hatayı kolayca çözebilirsiniz. Bu hatayı aldığınızda "Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 745.34 kB with a total of 1.73 MB." şeklinde bir hata daha almanız mümkün. Bu hatayı bir sonraki yazımda paylaşacağım.

Umarım faydalı olmuştur. İyi çalışmalar dilerim.

  • Yorum yapabilmek için giriş yapmalısınız. Giriş yapmak için tıklayınız.

Diğer Yazılar

Visual Studio Code'da Angular İçin En İyi Eklentiler

05.07.2023 yasinsunmaz 775 0

Angular, modern web uygulamaları geliştirmek için popüler bir JavaScript çatısıdır. Angular projelerinizde daha verimli çalışmak ve geliştirme süreci...

Angular "bundle initial exceeded maximum budget" Hatası Çözümü

29.06.2023 yasinsunmaz 415 0

Angular'da aldığım "Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 745.34 kB with a total of 1.73 MB." hatasının çöz&uu...

Angular 13 Validator Kullanımı

14.03.2022 yasinsunmaz 1246 0

Angular'da form uygulamalarımızda verilerin daha düzgün alınması ve gerekli sınırlamalara göre veri girişinin olması oldukça önemlidir. En temel kont...

MIME type ('text/html') is not a supported stylesheet MIME type Hatası Çözümü

27.02.2022 yasinsunmaz 1772 0

Angular'da projenin tasarımını yaparken genel CSS'ler için style.css dosyamı hazırladım. Fakat projeyi çalıştırdığımda CSS kodları sayfada etkin gör...