Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Error while compiling assets Metronic 8.2.1 Laravel Starterkit


Hi,

I am attempting to install and run the Laravel Starterkit for the recent Metronic 8.2.1 version. I've downloaded the latest version and unzipped metronic_laravel_v8.2.1.zip.
I am 'Getting started' using the instructions on https://preview.keenthemes.com/laravel/metronic/docs/getting-started.

The installation process works fine, until running 'npm run dev'. It then displays the following error:

[webpack-cli] [Error: ENOENT: no such file or directory, open 'D:\tmp\metronic_laravel_v8.2.1\starterkit\resources\_keenthemes\src\metronic\demo1\js\vendors\plugins\select2.init.js'] {
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'D:\\tmp\\metronic_laravel_v8.2.1\\starterkit\\resources\\_keenthemes\\src\\metronic\\demo1\\js\\vendors\\plugins\\select2.init.js'
}

It seems that there is an issue in the path, as select2.init.js is in D:\tmp\metronic_laravel_v8.2.1\starterkit\resources\_keenthemes\src\js\vendors\plugins and not in D:\tmp\metronic_laravel_v8.2.1\starterkit\resources\_keenthemes\src\metronic\demo1\js\vendors\plugins

How can this be resolved?

Thanks, Rob.


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 (6)


You're very welcome, Rob! If you have more questions or need assistance in the future, don't hesitate to reach out. Have a great day.



Thank you IT VOLAND for identifying the issue.

Looks like the issue is specific to Windows. To make it work for both Windows and macOS, you can update the line 130 as follows:


const [, folder] = file.match(/node_modules[\\|/](.*?)[\\|/]/);


This modification should ensure compatibility with both Windows and macOS.

We will update it as soon as possible.

Thanks



Thank you IT VOLAND and Faizal!



Hi Faizal,

thanks for the quick response. I downloaded the Metronic Laravel from https://devs.keenthemes.com/metronic/laravel and followed the instructions in the 'Getting Started' again.

Now, when running 'npm run dev', the following error is displayed:

[webpack-cli] TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator))
at D:\tmp\metronic\metronic_laravel_v8.2.1\starterkit\webpack.mix.js:130:24
at Array.forEach (<anonymous>)
at Object.<anonymous> (D:\tmp\metronic\metronic_laravel_v8.2.1\starterkit\webpack.mix.js:129:107)
at Module._compile (node:internal/modules/cjs/loader:1241:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1295:10)
at Module.load (node:internal/modules/cjs/loader:1091:32)
at Module._load (node:internal/modules/cjs/loader:938:12)
at Module.require (node:internal/modules/cjs/loader:1115:19)
at require (node:internal/modules/helpers:130:18)
at module.exports (D:\tmp\metronic\metronic_laravel_v8.2.1\starterkit\node_modules\laravel-mix\setup\webpack.config.js:11:5)

It seems something is missing :-) Can you help me out again?

Thanks, Rob.



I have the same problem, glob returns path with \\ instead of /
so to make it work for me, I changed line 130 to the following code

const [, folder] = file.match(/node_modules\\(.*?)\\/);



Hi Rob,

Appologies for the inconvenience. Could you please redownload the Metronic laravel from this link?

https://devs.keenthemes.com/metronic/laravel

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  :(