starred/flag-icons

Fork 0

mirror of https://github.com/lipis/flag-icons.git synced 2026-04-26 01:15:55 +03:00

[GH-ISSUE #1395] Error with ESBuild when using flag-icons #623

New issue

Open

opened 2026-03-03 14:39:48 +03:00 by kerem · 6 comments

kerem commented

2026-03-03 14:39:48 +03:00

Owner

Originally created by @sshanmu91 on GitHub (Aug 22, 2025).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/1395

When on upgrading from Angular v17 to v18, using flag-icons Library,
We are getting the Error during the Build.

(Even when outputHasing = "all" / "media")

Originally created by @sshanmu91 on GitHub (Aug 22, 2025). Original GitHub issue: https://github.com/lipis/flag-icons/issues/1395 When on upgrading from Angular v17 to v18, using flag-icons Library, We are getting the Error during the Build. (Even when outputHasing = "all" / "media") <img width="1610" height="477" alt="Image" src="https://github.com/user-attachments/assets/32e481cd-f7e6-466d-b4af-df2c1bc8dd2d" />

kerem commented

2026-03-03 14:39:49 +03:00

Author

Owner

@john8329 commented on GitHub (Aug 23, 2025):

Having the same issue, I'll paste it to make it indexed in search engines:

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

@john8329 commented on GitHub (Aug 23, 2025): Having the same issue, I'll paste it to make it indexed in search engines: ``` Two output files share the same path but have different contents: media/xx.svg ✘ [ERROR] Two output files share the same path but have different contents: media/ad.svg ✘ [ERROR] Two output files share the same path but have different contents: media/ae.svg ```

kerem commented

2026-03-03 14:39:49 +03:00

Author

Owner

@john8329 commented on GitHub (Aug 23, 2025):

A workaround by the way:

@forward "../node_modules/flag-icons/sass/variables" with (
  $flag-icons-use-square: false,
);
@use "../node_modules/flag-icons/sass/flag-icons-base";
@use "../node_modules/flag-icons/sass/flag-icons-list";

@john8329 commented on GitHub (Aug 23, 2025): A workaround by the way: ```sass @forward "../node_modules/flag-icons/sass/variables" with ( $flag-icons-use-square: false, ); @use "../node_modules/flag-icons/sass/flag-icons-base"; @use "../node_modules/flag-icons/sass/flag-icons-list"; ```

kerem commented

2026-03-03 14:39:49 +03:00

Author

Owner

@sshanmu91 commented on GitHub (Aug 25, 2025):

@john8329 Thanks much for the Suggestion. It resolves the Build Issue.

@sshanmu91 commented on GitHub (Aug 25, 2025): @john8329 Thanks much for the Suggestion. It resolves the Build Issue.

kerem commented

2026-03-03 14:39:49 +03:00

Author

Owner

@NotTsunami commented on GitHub (Sep 23, 2025):

Angular is such a pain...it's been causing issues since day 1. At some point in the near future I might make a minimal repo to link to as an example and just update it every major version

@NotTsunami commented on GitHub (Sep 23, 2025): Angular is such a pain...it's been causing issues since day 1. At some point in the near future I might make a minimal repo to link to as an example and just update it every major version

kerem commented

2026-03-03 14:39:49 +03:00

Author

Owner

@DungDD10 commented on GitHub (Jan 16, 2026):

Hi @john8329 , where should i add the your trick?

@DungDD10 commented on GitHub (Jan 16, 2026): Hi @john8329 , where should i add the your trick?

kerem commented

2026-03-03 14:39:49 +03:00

Author

Owner

@john8329 commented on GitHub (Jan 16, 2026):

Hi @john8329 , where should i add the your trick?

In your main.scss or anywhere in your import tree for the main stylesheet.

@john8329 commented on GitHub (Jan 16, 2026): > Hi [@john8329](https://github.com/john8329) , where should i add the your trick? In your `main.scss` or anywhere in your import tree for the main stylesheet.