Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Error in build assets - HTML - v8.1.7


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


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)


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";


Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(