Angular - 错误 : initial exceeded maximum budget. 预算 5.00 MB 未满足 197.06 kB，总共 5.19 MB

Question

当我构建我的 Angular-12 peroject 时，我收到了这个错误:

Error: initial exceeded maximum budget. Budget 5.00 MB was not met by 197.06 kB with a total of 5.19 MB

我的 angular.json:

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

但是我仍然有错误:
我该如何解决？
谢谢

Answer 1

您的预算为 5MB，但您的包大小大于导致此错误的 5.19MB。您需要增加您的maximumError您的预算angular.json如下:

            {
              "type": "initial",
              "maximumWarning": "4mb",
              "maximumError": "6mb"
            },

您还可以遵循一些技术来尽可能地减少包大小:

使用 ng build --prod --build-optimizer .对于较新的版本，这是默认使用 ng build --prod 完成的。

使用模块 lazy loading并尽可能模块化您的应用程序。

您还可以使用 Ivy 渲染引擎，它提供更好的包大小

确保您的第 3 方依赖项是可摇树的。

使用第三方工具，如 webpack-bundle-analyzer查看导致模块膨胀的原因

您还可以检查文件是否被 gzip 压缩