element
element copied to clipboard
[Bug Report] Dart-Sass Deprecation Warning: Using / for division outside of calc()
Element UI version
2.15.6
OS/Browsers version
Compile Time Error
Vue version
2.6.14
Dart Sass
"sass": "^1.49.7",
Reproduction Link
https://codepen.io/ziyoung/pen/LKNBqB?editors=1111
Steps to reproduce
I cannot produce with jsfiddle or codepen because I cannot make it compile with dart-sass. Run any code using elementui with dart-saas. Error is referencing elementui core library code. using Division outside of calc() is present in multiple files. Dart-Sass Error is
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($--tooltip-arrow-size, 2) or calc($--tooltip-arrow-size / 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
89 margin-bottom: #{$--tooltip-arrow-size / 2};
You can use the Sass migrator to automatically update your stylesheets to use math.div() and list.slash().
$ npm install -g sass-migrator $ sass-migrator division **/*.scss
What is Expected?
The code is currently working however I wanted to make you aware that it will no longer work with dart-sass as of version 2. (Dart-Sass 2). Any place you have division in your styles will need updated to use calc(). I ABSOLUTELY love ElementUI!!!! I would hate to have to discontinue using it down the road due to incompatibility issues.
What is actually happening?
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($--tooltip-arrow-size, 2) or calc($--tooltip-arrow-size / 2)
More info and automated migrator: https://sass-lang.com/d/slash-div
89 margin-bottom: #{$--tooltip-arrow-size / 2};
You can downgrade to sass@~1.32
The warnings disappears
This has been fixed in element-ui v2.15.7
use sass.Logger.silent
to avoid this warning
最最新的版本2.15.10还有,俺真的服了
any news?
等待一个修复
this update occurred some compatibility problems, so reversed in v2.15.8, will be fixed in v2.16.0 soon
1
this update occurred some compatibility problems, so reversed in v2.15.8, will be fixed in v2.16.0 soon
@xinguanhua: What is the status of this? It is currently blocking us from updating Element UI.
最最新的版本2.15.12还有
this update occurred some compatibility problems, so reversed in v2.15.8, will be fixed in v2.16.0 soon
@xinguanhua What is the status of this?My team stopped updating after upgrading to v2.15.7
It's been over a year. My team is rolling off ElementUI. Seems like vuetify is the way to go now-a-days.
This has been fixed in element-ui v2.15.7
The fix has been reversed in v2.15.8. :(
This has been reversed in element-ui v2.15.13 :(
The same problem has arisen . element-ui 2.15.13 + dark-sass
this update occurred some compatibility problems, so reversed in v2.15.8, will be fixed in v2.16.0 soon
waiting...
It’s already 2024 and this problem still exists.
很失望,这么久了
this update occurred some compatibility problems, so reversed in v2.15.8, will be fixed in v2.16.0 soon
still waiting
仍然存在,有人干活吗
waka, 仍仍然存在。