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:

C:\Source\Repos\ClientApp\node_modules\css-loader\dist\cjs.js!C:\Source\Repos\ClientApp\node_modules\postcss-loader\dist\cjs.js??ruleSet[1].rules[0].use[2]!C:\Source\Repos\ClientApp\src\assets\css\style.bundle.css
@ ./src/assets/css/style.bundle.css.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/assets/css/style.bundle.css 11:36-220
@ ./src/assets/css/style.bundle.css
@ ./src/main.ts 5:0-39
@ ./node_modules/aurelia-webpack-plugin/runtime/empty-entry.js

Any idea how I can resolve this?