Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Current Metronic v8.2.7 Node.js Demo1 Unusable


To start with:

Local OS: Win10
Node: v20.12.2
npm: v10.1.0
yarn: v1.22.22
gulp-cli: 3.0.0
gulp: v4.0.2

I just downloaded the Metronic v8.2.7 Node.js Demo1, unpacked it and followed these instructions: https://preview.keenthemes.com/nodejs/metronic/docs/getting-started

I did use "npi install" versys "yarn", and everything succeeded.

I then ran "gupl --demo1" and it started building, and here is how it went:

PS A:\WebAppProjects\ngr_apps\app_four\ngrwebmanagementapptwo\nodejs\demo1\starterkit\_keenthemes\tools> gulp --demo1
Using gulp config file: "../../gulp.config.js"
[16:38:57] Using gulpfile A:\WebAppProjects\ngr_apps\app_four\ngrwebmanagementapptwo\nodejs\demo1\starterkit\_keenthemes\tools\gulpfile.js
[16:38:57] Starting 'default'...
[16:38:57] Starting 'cleanTask'...
[16:38:57] Finished 'cleanTask' after 30 ms
[16:38:57] Starting 'buildBundleTask'...
[16:38:57] Finished 'buildBundleTask' after 78 ms
[16:38:57] Finished 'default' after 111 ms
Error in plugin "sass"
Message:
node_modules\tinymce\skins\ui\oxide\skin.css
Error: 100% and 0 are incompatible.
<error trimmed>

Is this a known issue?

Am I doing something wrong?

Am I missing a step in the getting started instructions provided in https://preview.keenthemes.com/nodejs/metronic/docs/getting-started?

Did someone make an update and not make sure the changes were good before pushing it out?

I'm at a loss here.

Thank you,

J


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


Hi,

Thank you for letting us know about this issue.

We checked the latest Metronic version and reproduced this error, the error is related to the incorrect tinymce dependency version. To fix this error, in the package.json use the fixed version as shown below.

...
"tinymce": "^7.2.1"
...


Regards,
Lauris Stepanovs,
Keenthemes Support Team


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