Jak opravit Angular a flag-icons: Two output files share the same path but have different contents: media/...svg

Problém

Používáte balíček flag-icons ve vaší Angular aplikaci a při buildu pomocí ng build nebo ng serve dostáváte následující chybu:

[...]

✘ [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

Řešení

To se týká pouze vývojového sestavení, protože vývojové sestavení má defaultně pouze outputHashing: "none".

Proto přidejte outputHashing: "media" do vašich možností vývojového sestavení v angular.json. Můžete také nastavit outputHashing: "all", pokud chcete hashovat všechny soubory, ale doporučuji použít outputHashing: "media" pro vývojová sestavení.

Takto by měly vypadat vaše development možnosti sestavení:

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

Nezapomeňte přidat čárku na konec řádky před novou řádkou.

Původní zdroj: GitHub issue tracker pro flag-icons