ADVERTENCIA en presupuestos, máximo superado para inicial

Resuelto Masoud Bimar asked hace 6 años • 6 respuestas

Al construir mi proyecto Angular 7 con --prod, recibo una advertencia en formato budgets.

Tengo un proyecto Angular 7. Estoy intentando compilarlo, pero sigo recibiendo la siguiente advertencia:

WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB

Estos son los detalles del fragmento:

chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js (scripts) 154 kB  [rendered]
chunk {0} runtime.ec2944dd8b20ec099bf3.js (runtime) 1.41 kB [entry] [rendered]
chunk {1} main.13d1eb792af7c2f359ed.js (main) 3.34 MB [initial] [rendered]
chunk {2} polyfills.11b1e0c77d01e41acbba.js (polyfills) 58.2 kB [initial] [rendered]
chunk {3} styles.33b11ad61bf10bb992bb.css (styles) 379 kB [initial] [rendered]

¿Qué son exactamente los presupuestos? ¿Cómo debo gestionarlos?

Masoud Bimar avatar Jan 01 '19 20:01 Masoud Bimar
Aceptado

Abra el archivo angular.json y busque budgetsla palabra clave.

Debería verse así:

    "budgets": [
       {
          "type": "initial",
          "maximumWarning": "2mb",
          "maximumError": "5mb"
       }
    ]

Como probablemente habrás adivinado, puedes aumentar el maximumWarningvalor para evitar esta advertencia, es decir:

    "budgets": [
       {
          "type": "initial",
          "maximumWarning": "4mb", <===
          "maximumError": "5mb"
       }
    ]

¿ Qué significa presupuestos ?

Un presupuesto de rendimiento es un conjunto de límites a ciertos valores que afectan el rendimiento del sitio, que no pueden excederse en el diseño y desarrollo de cualquier proyecto web.

En nuestro caso, el presupuesto es el límite para el tamaño de los paquetes.

Ver también:

  • https://github.com/webpack/webpack/issues/3216
  • https://angular.io/guide/build#configure-size-budgets
  • Presupuestos de rendimiento (mantenga bajos los recuentos de solicitudes y los tamaños de archivos)
yurzui avatar Jan 01 '2019 13:01 yurzui

En mi caso tuve que cambiar así, la solución aceptada no funcionó. Estoy usando TensorFlow.js en Angular.

"budgets": [
   {
      "type": "initial",
      "maximumWarning": "4mb", 
      "maximumError": "5mb"<=== instead! 
   }
]
Jorge Guerra Pires avatar Oct 19 '2021 13:10 Jorge Guerra Pires