I have an angular app that uses flag-icons to show different country flags on a drop down. These flag svgs show up correctly on my locally machine. But when I deploy the app to dev, they don't show up anymore. After digging into it a little bit, I noticed that when I run the app locally, and click on the dropdown to show the list of countries, it generates a media folder with all the country flag svgs being used. But in dev, this is not happening. (See screenshots below). My code is very simple, I just follow the installation instructions and added the min.css to my angular.json's styles array. In the html page, I have <span class="fi fi-{{ country.abbreviation }}"></span>. Continue reading...
