Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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!


k
kFresh 3 years ago
5 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

user
Sean Author 3 years ago

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.


k
kFresh 3 years ago

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

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 <3.0.2 Severity: high Regular Expression Denial of Service in minimatch - https://github.com/advisories/GHSA-hxm2-r34f-qmc5 fix available via npm audit fix --force Will install gulp@4.0.2, which is a breaking change node_modules/glob-stream/node_modules/minimatch node_modules/globule/node_modules/minimatch glob 3.0.0 - 5.0.14 Depends on vulnerable versions of minimatch node_modules/glob-stream/node_modules/glob node_modules/globule/node_modules/glob glob-stream 0.2.0 - 5.2.0 Depends on vulnerable versions of glob Depends on vulnerable versions of minimatch node_modules/glob-stream vinyl-fs <=1.0.0 Depends on vulnerable versions of glob-stream Depends on vulnerable versions of glob-watcher node_modules/vinyl-fs

quill <=1.3.7 Severity: moderate Cross-site Scripting in quill - https://github.com/advisories/GHSA-4943-9vgg-gr5r No fix available node_modules/quill

12 vulnerabilities (3 moderate, 5 high, 4 critical)

To address issues that do not require attention, run: npm audit fix

To address all issues possible (including breaking changes), run: npm audit fix --force

Some issues need review, and may require choosing a different dependency.

C:\txtra_V3\TxtraApp\html\tools>yarn yarn install v1.22.19 warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json. [1/4] Resolving packages... [2/4] Fetching packages... [3/4] Linking dependencies... warning " > @yaireo/tagify@4.15.2" has unmet peer dependency "prop-types@^15.7.2". warning "bootstrap-maxlength > bootstrap@4.6.2" has unmet peer dependency "popper.js@^1.16.1". warning " > vis-timeline@7.7.0" has unmet peer dependency "@egjs/hammerjs@^2.0.0". warning " > vis-timeline@7.7.0" has unmet peer dependency "component-emitter@^1.3.0". warning " > vis-timeline@7.7.0" has unmet peer dependency "keycharm@^0.3.0 || ^0.4.0". warning " > vis-timeline@7.7.0" has unmet peer dependency "propagating-hammerjs@^1.4.0 || ^2.0.0". warning " > vis-timeline@7.7.0" has unmet peer dependency "uuid@^3.4.0 || ^7.0.0 || ^8.0.0". warning " > vis-timeline@7.7.0" has unmet peer dependency "vis-data@^6.3.0 || ^7.0.0". warning " > vis-timeline@7.7.0" has unmet peer dependency "vis-util@^3.0.0 || ^4.0.0 || ^5.0.0". warning " > vis-timeline@7.7.0" has unmet peer dependency "xss@^1.0.0". warning " > postcss-loader@4.3.0" has unmet peer dependency "postcss@^7.0.0 || ^8.0.1". warning Workspaces can only be enabled in private projects. [4/4] Building fresh packages... success Saved lockfile. Done in 37.17s.

C:\txtra_V3\TxtraApp\html\tools>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)

k
kFresh 3 years ago

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.


user
Faizal Author 3 years ago

Hi kFresh,

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

npm run build --demo1

Thanks


user
Faizal Author 3 years ago

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.



Thanks


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(