Wie man Angular & flag-icons behebt: Two output files share the same path but have different contents: media/...svg

Problem

Sie verwenden das flag-icons-Paket in Ihrer Angular-App und erhalten den folgenden Fehler beim Erstellen Ihrer App mit ng build oder ng serve:

[...]

✘ [ERROR] Two output files share the same path but have different contents: media/ic.svg

✘ [ERROR] Two output files share the same path but have different contents: media/un.svg


✘ [ERROR] Two output files share the same path but have different contents: media/xk.svg

Lösung

Dies betrifft nur einen Development-Build, da der Development-Build standardmäßig nur outputHashing: "none" hat.

Fügen Sie daher outputHashing: "media" zu Ihren Development-Build-Optionen in angular.json hinzu. Sie können auch outputHashing: "all" setzen, wenn Sie alle Dateien hashen möchten, aber ich empfehle, outputHashing: "media" für Development-Builds zu verwenden.

So sollten Ihre development-Build-Optionen aussehen:

  "development": {
    "optimization": false,
    "extractLicenses": false,
    "sourceMap": true,
    "outputHashing": "all"
  }

Vergessen Sie nicht, das Komma am Ende der Zeile vor der neuen Zeile hinzuzufügen.

Originalquelle: GitHub-Issue-Tracker für flag-icons