Abra el archivo angular.json y busque la palabra clave de presupuestos y aumente el valor del tipo anyComponentStyle :

 { "type": "anyComponentStyle", "maximumWarning": "150kb", "maximumError": "150kb" }

Aunque puede aumentar sus límites, probablemente no sea lo que quiera hacer. Los límites están ahí por una razón. Debe tratar de evitar excederlos en primer lugar si es posible.

Para mí, el problema era que estaba importando mi archivo de tema (que era bastante grande) en los archivos SCSS de mis componentes.

 @import "src/my-theme";

La única razón para eso fue que necesitaba acceder a mis variables de color SCSS dentro de esos archivos. Es una idea terrible importar cualquier archivo más grande en varios de sus estilos solo para acceder a algunas de sus variables; su aplicación se volverá enorme y muy lenta para cargar.

Si solo necesita acceder a sus variables, le sugiero esta solución:

1. en su archivo de tema, cree variables CSS así: :root { --primary-color: #11dd11; }
2. elimine la importación de sus otros archivos SCSS y use esto para obtener su color en su lugar: var(--primary-color)

el presupuesto es un grupo de límites a ciertos valores que afectan el rendimiento del sitio

Abra el archivo angular.json y busque la palabra clave de presupuestos y aumente el valor

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