Webpack build warning with inline SVG: there are multiple modules with names that only differ in casing
I am integrating Metronic to a SPA web app with Aurelia.js, VSCode and Webpack. When I build the application with NPM I get 3 warnings as the following:
There are multiple modules with names that only differ in casing.
This seems to have to do with inline svg declarations as the following
asset/inline|data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27%23FFF%27/%3E%3C/svg%3E
Compare these module identifiers:
@ ./src/main.ts 5:0-39
Any idea how I can resolve this?
Could you please try to change the color from #FFFFFF to #ffffff in file sass/components/_variables.custom.scss? We think the issue is coming from this.
Your suggestion resolved the problem. Thanks a lot, Faizal, I could never figure this out by myself.
The colour variable is used for SVG in components/mixins/_svg-bg-icon.scss to change SVG fill. We will fix the colour value.
Yes, it works