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