setting up Metronoic on local machine

I've watched all of the video tutorials several times and have tried just as many times to get Metronic set up. Is there some way I can have someone do this for me?

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

Replies (5)

Hi,

Do you have any specific issues with installing the build tools and compiling the theme?

For more info about using Metronic please check the https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started.html

Regard.

Hi Sean - Yes I do. I have followed the videos and the documented installation procedures for both Gulp & Webpack. BTW, the vids and documentation don't completely match up happy

I am running into issues with both install methods.

- Webpack ends up with a page of broken links/file references.

- Gulp ends up with something similar to the following:

I've been trying for days and cant get installed either way.


fix available via `npm audit fix --force`
Will install gulp@4.0.2, which is a breaking change
node_modules/lodash.template
gulp-util >=1.1.0
Depends on vulnerable versions of lodash.template
node_modules/gulp-util
gulp 2.6.1 - 3.9.1
Depends on vulnerable versions of gulp-util
Depends on vulnerable versions of vinyl-fs
node_modules/gulp

minimatch gulp
Using gulp config file: "../../gulp.config.js"
ReferenceError: primordials is not defined
at fs.js:47:5
at req_ (C:\txtra\_V3\TxtraApp\html\tools\node_modules\natives\index.js:143:24)
at Object.req [as require] (C:\txtra\_V3\TxtraApp\html\tools\node_modules\natives\index.js:55:10)
at Object. (C:\txtra\_V3\TxtraApp\html\tools\node_modules\vinyl-fs\node_modules\graceful-fs\fs.js:1:37)
at Module._compile (node:internal/modules/cjs/loader:1126:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
at Module.load (node:internal/modules/cjs/loader:1004:32)
at Function.Module._load (node:internal/modules/cjs/loader:839:12)
at Module.require (node:internal/modules/cjs/loader:1028:19)
at require (node:internal/modules/cjs/helpers:102:18)

I have just tried a fresh webpack build. After removing "type": "module" from package.json I performed "npm run build".

This resulted in the following error:
> metronic@8.1.2 build
> webpack

[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
- configuration[0].entry['js/widgets.bundle'] should be a non-empty array.
-> All modules are loaded upon startup. The last one is exported.

Hi kFresh,

For the webpack build, could you please add a demo param to the command?

npm run build --demo1

Thanks

Hi,

For gulp build error:
ReferenceError: primordials is not defined
This issue seems similar to this thread.

Could you please check your gulp-cli version using this command gulp -v. Please try to install the latest version.

https://stackoverflow.com/a/55926692

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