Light
Dark
System
Ask  Question

Error on creating dark mode demo 6

Hi there,

I received an error when trying to install the demo6 dark mode with "gulp --dark-mode --demo6".

Here is the error:

Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'del' imported from C:\htdocs\metronic_v8.0.38_html_demo6\tools\gulp\clean.js
at new NodeError (node:internal/errors:377:5)
at packageResolve (node:internal/modules/esm/resolve:910:9)
at moduleResolve (node:internal/modules/esm/resolve:959:20)
at defaultResolve (node:internal/modules/esm/resolve:1174:11)
at ESMLoader.resolve (node:internal/modules/esm/loader:605:30)
at ESMLoader.getModuleJob (node:internal/modules/esm/loader:318:18)
at ModuleWrap. (node:internal/modules/esm/module_job:80:40)
at link (node:internal/modules/esm/module_job:78:36) {
code: 'ERR_MODULE_NOT_FOUND'
}

How can I resolve it ??

Many thanks.
P
Playinteractive.com 1 year ago
3 Answers
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 (3)

F
Faizal Author1 year ago
Hi,

Could you please run the command "yarn add del --dev" first?
Then please proceed with "gulp --dark-mode --demo6"

Thanks
P
Playinteractive.com 1 year ago
Hi Faizal!

I attach you the log entry. Anyways, I can't see where are the dark files located. I need the inbox app in dark mode. Can you help me please ??

Many thanks!

-----------

C:\Temp\metronic_v8.0.38_html_demo6\tools>yarn add del --dev

yarn add v1.22.18
warning ..\package.json: No license field
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning " > @yaireo/tagify@4.9.4" has unmet peer dependency "prop-types@^15.7.2".
warning " > bootstrap@5.1.3" has incorrect peer dependency "@popperjs/core@^2.10.2".
warning "bootstrap-maxlength > bootstrap@4.6.1" has unmet peer dependency "popper.js@^1.16.1".
warning " > vis-timeline@7.5.0" has unmet peer dependency "@egjs/hammerjs@^2.0.0".
warning " > vis-timeline@7.5.0" has unmet peer dependency "component-emitter@^1.3.0".
warning " > vis-timeline@7.5.0" has unmet peer dependency "keycharm@^0.3.0 || ^0.4.0".
warning " > vis-timeline@7.5.0" has unmet peer dependency "propagating-hammerjs@^1.4.0 || ^2.0.0".
warning " > vis-timeline@7.5.0" has unmet peer dependency "uuid@^3.4.0 || ^7.0.0 || ^8.0.0".
warning " > vis-timeline@7.5.0" has unmet peer dependency "vis-data@^6.3.0 || ^7.0.0".
warning " > vis-timeline@7.5.0" has unmet peer dependency "vis-util@^3.0.0 || ^4.0.0 || ^5.0.0".
warning " > vis-timeline@7.5.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.
warning Workspaces can only be enabled in private projects.
success Saved 1 new dependency.
info Direct dependencies
└─ del@6.0.0
info All dependencies
└─ del@6.0.0
Done in 20.50s.

C:\Temp\metronic_v8.0.38_html_demo6\tools>gulp --dark-mode --demo6

Using gulp config file: "../../gulp.config.js"
[19:16:43] Using gulpfile C:\Temp\metronic_v8.0.38_html_demo6\tools\gulpfile.js
[19:16:43] Starting 'default'...
[19:16:43] Starting 'buildBundleTask'...
[19:16:43] Finished 'buildBundleTask' after 319 ms
[19:16:43] Finished 'default' after 324 ms
F
Faizal Author1 year ago
Hi

Please check the docs for RTL.

https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/rtl.html


Have you added the RTL attributes as below?

<html direction="rtl" dir="rtl" >




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

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle