Hi!
When trying to build using Webpack, the following error is displayed:
>> Building metronic bundle...
>> Failed to compile metronic bundle!
ModuleBuildError: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
Error: Can't resolve '~@/src/plugins/keenicons/duotone/style.css' in 'C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\webpack\plugins'
at runMicrotasks (<anonymous>)
ERROR in ./webpack/plugins/plugins.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
Error: Can't resolve '~@/src/plugins/keenicons/duotone/style.css' in 'C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\webpack\plugins'
at finishWithoutResolve (C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\enhanced-resolve\lib\Resolver.js:309:18)
at C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\enhanced-resolve\lib\Resolver.js:386:15
at C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\enhanced-resolve\lib\Resolver.js:435:5
at eval (eval at create (C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
at C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\enhanced-resolve\lib\Resolver.js:435:5
at eval (eval at create (C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:27:1)
at C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:87:43
at C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\enhanced-resolve\lib\Resolver.js:435:5
at eval (eval at create (C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
at C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\enhanced-resolve\lib\forEachBail.js:16:12
at processResult (C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\webpack\lib\NormalModule.js:758:19)
at C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\webpack\lib\NormalModule.js:860:5
at C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\loader-runner\lib\LoaderRunner.js:400:11
at C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\loader-runner\lib\LoaderRunner.js:252:18
at context.callback (C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\loader-runner\lib\LoaderRunner.js:124:13)
at Object.loader (C:\Users\Luiz\Downloads\metronic_html_v8.1.7_demo1\metronic_html_v8.1.7_demo1\tools\node_modules\css-loader\dist\index.js:155:5)
at runMicrotasks (<anonymous>)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 2 errors
Hi,
Here is the workaround. In the file, tools/webpack/plugins/plugins.scss
Please remove this part. We will release the fix as soon as possible.
// Keenicons - High quality and pixel perfect font icons available in 3 styles, duotone, outline and solid for Metronic elements
@import "~@/src/plugins/keenicons/duotone/style.css";
@import "~@/src/plugins/keenicons/outline/style.css";
@import "~@/src/plugins/keenicons/solid/style.css";