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

Yasin Sunmaz

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

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

29.06.2023 yasinsunmaz 341 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ü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 "Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 745.34 kB with a total of 1.73 MB." 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ında "type":"initial" olan yerdeki "maximumError" değerini varsayılan 1mb değil de sizin hata aldığınız değerin biraz üzerinde yazarak sorunu çözebilirsiniz. Bendeki hatada 1.73 MB verdiği için 2mb olarak değeri değiştirdim.

angular.json dosyası

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

Bu şekilde bu hatayı kolayca çözebilirsiniz. Bu hatayı aldığınızda "exceeded maximum budget. Budget 4.00 kB was not met by 10.22 kB with a total of 14.22 kB." şeklinde bir hata daha almanız mümkün. Angular "exceeded maximum budget" Hatası Çözümü adlı yazımı inceleyerek onu da kolayca çözebilirsiniz.

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 673 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 "exceeded maximum budget" Hatası Çözümü

27.06.2023 yasinsunmaz 339 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ımd...

Angular 13 Validator Kullanımı

14.03.2022 yasinsunmaz 1197 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 1654 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...