Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Can't build 'keen' 'demo4' 'rtl'


Hello,
I have download keen theme via getbootstrap.com, i unzip all folder files, there no 'classical' or 'defult' as youtube video explain, only sass f
I follow instruction and install npm,yarn,gulp and all node_modules, i can work well with gulp command and run live all demos, but when come to use 'npm run' to build and compiles css i have got error,

eprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($size, 3) or calc($size / 3)

More info and automated migrator: https://sass-lang.com/d/slash-div

â•·
370 │ margin-right : $size/3;
│ ^^^^^^^
╵
node_modules/@yaireo/tagify/src/tagify.scss 370:30 @import
webpack/plugins/plugins.scss 73:9 root stylesheet

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(-$size, 3) or calc(-$size / 3)

More info and automated migrator: https://sass-lang.com/d/slash-div

â•·
371 │ margin-left : -$size/3;
│ ^^^^^^^^
╵
node_modules/@yaireo/tagify/src/tagify.scss 371:30 @import
webpack/plugins/plugins.scss 73:9 root stylesheet

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($size, 2) or calc($size / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

â•·
564 │ line-height: $size/2;
│ ^^^^^^^
╵
node_modules/@yaireo/tagify/src/tagify.scss 564:26 @import
webpack/plugins/plugins.scss 73:9 root stylesheet

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($size, 2) or calc($size / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div

â•·
565 │ height: $size/2;
│ ^^^^^^^
╵
node_modules/@yaireo/tagify/src/tagify.scss 565:21 @import
webpack/plugins/plugins.scss 73:9 root stylesheet

[webpack-cli] HookWebpackError: Cannot read property 'substr' of undefined
at makeWebpackError (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/webpack/lib/HookWebpackError.js:48:9)
at /Users/ghazi/projects/baraka/src/theme/tools/node_modules/webpack/lib/Compilation.js:3060:12
at eval (eval at create (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:33:1)
at /Users/ghazi/projects/baraka/src/theme/tools/node_modules/webpack/lib/Compilation.js:510:26
at /Users/ghazi/projects/baraka/src/theme/tools/node_modules/webpack-merge-and-include-globally/index.js:176:11
-- inner error --
TypeError: Cannot read property 'substr' of undefined
at <input css 0IMDDR>:77075:3
at Object.action (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/plugin.js:189:141)
at /Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/rtlcss.js:137:29
at Object.each (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/util.js:277:11)
at /Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/rtlcss.js:132:31
at Object.each (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/util.js:277:11)
at Declaration (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/rtlcss.js:131:27)
at LazyResult.visitSync (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/postcss/lib/lazy-result.js:308:19)
at LazyResult.walkSync (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/postcss/lib/lazy-result.js:297:20)
at /Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/postcss/lib/lazy-result.js:291:39
at Rule.each (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/postcss/lib/container.js:41:16)
caused by plugins in Compilation.hooks.processAssets
TypeError: Cannot read property 'substr' of undefined
at <input css 0IMDDR>:77075:3
at Object.action (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/plugin.js:189:141)
at /Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/rtlcss.js:137:29
at Object.each (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/util.js:277:11)
at /Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/rtlcss.js:132:31
at Object.each (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/util.js:277:11)
at Declaration (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/rtlcss/lib/rtlcss.js:131:27)
at LazyResult.visitSync (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/postcss/lib/lazy-result.js:308:19)
at LazyResult.walkSync (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/postcss/lib/lazy-result.js:297:20)
at /Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/postcss/lib/lazy-result.js:291:39
at Rule.each (/Users/ghazi/projects/baraka/src/theme/tools/node_modules/rtlcss-webpack-plugin/node_modules/postcss/lib/container.js:41:16)
npm ERR! code 2
npm ERR! path /Users/ghazi/projects/baraka/src/theme/tools
npm ERR! command failed
npm ERR! command sh -c webpack

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/ghazi/.npm/_logs/2022-05-17T19_50_22_270Z-debug.log

i have already updated all node_modules.

Please help build compiles rtl version for demo4.

Thank you


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


Hi Ghazi,

In the file package.json, please add the below code in the root. Then run the "yarn" command, then the "gulp" command. This should fix the above issue.


"resolutions": {
"gulp-dart-sass/sass": "1.32.13"
},



Thanks



Hello, the Keen theme has not been updated for more than a year, so it is surely a problem that we can not solve, I asked dozens of times for an update to the creator and it gives only promises, the development of Keen has much less interest because Metronic is their product most sold on themeforest.

I quote here what the support told me:


We are currently working on final touches and will be preparing the Keen for release and it will be out once it passed the marketplace approval process.

This answer was given to me on February 17th after months of waiting for a ticket that started on November 3rd 2021. I sincerely regret that this theme is abandoned because I find it much better than Metronic.

Anyway, let's hope for an answer from the support with a real release date. Or maybe warn the support of the getBootstrap store because since the time I'm waiting for this update I think that there is abuse in their way of maintaining their products

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