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

Setup Propblem


Hello, Im using the Laravel installation Docs for Metronic 8, and i seem to run into alot of problems, are the docs outdate?

eg:
[webpack-cli] Error: Cannot find module './resources/assets/demo1/js/scripts.js'
Require stack:

when i run the npm run dev


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


Hi,

Are you working on this Laravel doc page?

https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/build

The error is saying that this file is missing from your folder.

resources/assets/demo1/js/scripts.js


Could you please verify it?

Thanks



Hello Faizal Thanks For your reply. Im running on Ubuntu 22.04 seems with node v16.16.0 and nmp

i followed the laravel tutorial but npm run dev always displays:

[webpack-cli] Error [ERR_REQUIRE_ESM]: require() of ES Module /var/www/cifa.ac/lara/node_modules/del/index.js from /var/www/cifa.ac/lara/webpack.mix.js not supported.
Instead change the require of index.js in /var/www/cifa.ac/lara/webpack.mix.js to a dynamic import() which is available in all CommonJS modules.
at Object.<anonymous> (/var/www/cifa.ac/lara/webpack.mix.js:7:13)
at module.exports (/var/www/cifa.ac/lara/node_modules/laravel-mix/setup/webpack.config.js:11:5)
at loadConfigByPath (/var/www/cifa.ac/lara/node_modules/webpack-cli/lib/webpack-cli.js:1439:37)
at async Promise.all (index 0)
at async WebpackCLI.loadConfig (/var/www/cifa.ac/lara/node_modules/webpack-cli/lib/webpack-cli.js:1454:35)
at async WebpackCLI.createCompiler (/var/www/cifa.ac/lara/node_modules/webpack-cli/lib/webpack-cli.js:1785:22)
at async WebpackCLI.runWebpack (/var/www/cifa.ac/lara/node_modules/webpack-cli/lib/webpack-cli.js:1890:20)
at async Command.<anonymous> (/var/www/cifa.ac/lara/node_modules/webpack-cli/lib/webpack-cli.js:912:21)
at async Promise.all (index 1)
at async Command.<anonymous> (/var/www/cifa.ac/lara/node_modules/webpack-cli/lib/webpack-cli.js:1372:13) {
code: 'ERR_REQUIRE_ESM'
}


When i run php artisan serve i get a no css version of metronic running,
your help appreciated



Hi,

Are you working on our Laravel app downloaded from ThemeForest? Or is it your custom Laravel app ported from the HTML version? We just need to confirm it first.

We have tested on this environment, Ubuntu v22.04 and node v16.16 have no issue.

Thanks



Hi im working on Laravel app downloaded from theme forest



Hi,

Please use this documentation link for Laravel and not use the wrong documentation for the HTML version or others.

https://preview.keenthemes.com/metronic8/laravel/documentation/getting-started/build

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