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. (/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. (/var/www/cifa.ac/lara/node_modules/webpack-cli/lib/webpack-cli.js:912:21)
at async Promise.all (index 1)
at async Command. (/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  :(