TechOverflow Logo
TechOverflow

Wie man Angular "ng build" repariert, das keine index.html erzeugt

English Deutsch

Wenn Sie keine Fehler in Ihrem Build haben (was deutlich sichtbar ist, wenn man sich die ng build-Ausgabe ansieht), ist der Grund, warum ng build keine index.html erzeugt, dass das resultierende Bundle die maximal erlaubte Größe überschreitet.

Dies geht aus der Ausgabe wie

ng_build_error.txt
Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 3.73 kB with a total of 1.00 MB.
ng_build_error.txt
Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 3.73 kB with a total of 1.00 MB.

hervor. Um es zu reparieren, verkleinern Sie entweder Ihre Anwendung, indem Sie unnötige Features oder Bibliotheken entfernen oder bestimmte Features in zusätzliche Module aufteilen, oder erhöhen Sie zumindest vorübergehend das erlaubte Budget.

Um das zu tun, öffnen Sie angular.json und suchen Sie nach dem "budgets": {...-Abschnitt:

angular_json_budgets.json
"budgets": [
  {
    "type": "initial",
    "maximumWarning": "500kb",
    "maximumError": "1mb"
  },
  {
    "type": "anyComponentStyle",
    "maximumWarning": "2kb",
    "maximumError": "4kb"
  }
],
angular_json_budgets.json
"budgets": [
  {
    "type": "initial",
    "maximumWarning": "500kb",
    "maximumError": "1mb"
  },
  {
    "type": "anyComponentStyle",
    "maximumWarning": "2kb",
    "maximumError": "4kb"
  }
],

Erhöhen Sie den maximumError-Wert für "type": "initial" (der erste Eintrag in der oben gezeigten Liste).

Beispielsweise könnten Sie es von 1mb auf 4mb erhöhen, um Ihren Build zu reparieren.

Führen Sie danach Ihren ng build-Befehl erneut aus und index.html sollte generiert werden.

Beachten Sie jedoch, dass riesige JS-Bundles Ihre Webanwendung wirklich verlangsamen können, besonders für mobile Nutzer.

Check out similar posts by category: Angular