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

原创 已于 2022-11-02 23:26:51 修改 · 983 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#element

于 2022-11-01 15:13:09 首次发布
本文介绍如何应对Sass 2.0版本中移除斜杠除法功能的变化，提供了一种使用sass-migrator工具进行代码迁移的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

sass版本到了2将不在支持 斜杠/除法，可以如下指令修改

npm install -g sass-migrator
// 进入node_modules目录执行下一行代码
sass-migrator divisioin **/*.scss

关于DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
sinat_39956944的博客
07-31 8159
关于DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 的解决办法解决办法问题sass官方解释 解决办法 因为Dart sass 新版本目弃用“/”的用法，sass自定义element theme时会报warnning。既然"/2”报错，那我们可以变为*0.5"。解决步骤如下： npm install -g sass-migrator 进入项目node_modules
sass报错:Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
小马甲
09-01 6339
不懂是为什么，反正我的项目是uniapp的vue2的版本，然后sass原来在package.json里的版本是^1.26.11，但是实际安装的是1.34+的版本了。查资料都是说让用math.div，但是其实都没有作用。要嘛说是@use地方要在头部，要嘛说@use要放在uni.scss中，还有说是使用sass-migrator官方的工具库来批量替换写法。最后反正我是将sass版本固定为1.23.13，就不会出现告警了。
警告:Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
曈欣的博客
11-18 5880
大致翻译：如今，Sass使用复杂的启发式方法来判断a/应该被视为除法还是分隔符。随着越来越多的CSS功能，如CSS网格和新的rgb（）和hsl（）语法使用/作为分隔符，这对Sass用户来说越来越痛苦。因为Sass是一个CSS超集，所以我们通过将/重新定义为仅一个分隔符来匹配CSS的语法。/将被视为一种新型的列表分隔符，类似于今天的工作方式。我没有用 node-sass，用的是 sass。开始默认是安装最新的 sass 版本，后来降到了 sass@1.32.12 ，报错就没有了。
前端项目控制台警告The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
最新发布
徐来的博客
07-01 213
解决Vite+Vue3项目中Sass的API警告问题 在Vite+Vue3+TypeScript项目中使用Sass时，会遇到控制台警告The legacy JS API is deprecated。这是由于Vite默认使用Sass的旧版API（legacy模式）。解决方法是在vite.config.ts中添加以下配置： css: { preprocessorOptions: { scss: { api: 'modern-compiler' // 使用现代编译器API } } } 此配置将Sass API切换
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0
hanchengmei的博客
12-06 8108
运行时警告 Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. 原因：sass版本的问题, 换成calc全局安装 sass-migrator， 在node_modules/.bin中运行 sass-migrator division ./node_modules/taro-ui-vue3/dist/s
Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.
renchaoqiong
06-23 5025
Deprecation Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.
vue WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2
mentalitys的博客
12-09 853
我直接升级到1.33.0 版本就可以了。网上找到的例子并没有解决我的问题，我的版本是低于1.33.0的。
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
06-09
这个警告是由Dart Sass编译器发出的，它表示在样式表中使用“/”除法运算符时，必须使用calc()函数将其包装起来。这是因为在Dart Sass 2.0.0中，使用“/”除法运算符进行除法运算将不再被支持。相反，将只支持使用...
vue2 Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
01-05
### 解决 Vue2 项目中的 Dart Sass 弃用警告 对于 Vue2 项目中遇到的 `Deprecation Warning` 关于 Dart Sass 的遗留 JavaScript API 被弃用的问题，可以采取多种方式来处理这个问题。 一种常见的解决方案是在配置...
40% building 36/50 modules 14 active D:\springbooto990j\src\main\resources\admin\admin\node_modules\events\events.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api Deprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import ╷ 9 │ @import "~element-ui/packages/theme-chalk/src/index"; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ stdin 9:9 root stylesheet
03-23
为了应对 Dart Sass 的 `Deprecation Warning` 和即将废弃的 `@import` 规则问题，在迁移至现代构建工具链的过程中，可以采取以下措施来调整配置并优化代码。 #### 配置文件修改 在项目的 Webpack 或 Vite 配置中，...
PS D:\YIYAO1\front> npm run serve > mas-creator-admin@0.1.0 serve > node --max-old-space-size=8192 node_modules/@vue/cli-service/bin/vue-cli-service.js serve INFO Starting development server... 40% building 36/47 modules 11 active D:\YIYAO1\front\node_modules\webpack-dev-server\node_modules\strip-ansi\index.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api 40% building 37/47 modules 10 active D:\YIYAO1\front\node_modules\webpack-dev-server\node_modules\strip-ansi\index.jsDeprecation Warning [legacy-js-api]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. More info: https://sass-lang.com/d/legacy-js-api Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import ╷ 9 │ @import "~element-ui/packages/theme-chalk/src/index"; │ ^^^
05-04
Dart Sass从2.0.0开始不再允许在`calc()`之外使用`/`进行除法，推荐使用`math.div()`函数或者用`calc()`包裹。用户提供的引用[1]和[2]都提到了这个情况，特别是在Element-UI的SCSS文件中存在这样的写法，比如`$--...
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dar
热门推荐
qq_36657291的博客
12-17 2万+
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. npm run dev后 出现以下警告 因为 sass 新版本目弃用“/”的用法，sass自定义element theme时会报warnning
Deprecation Warning: Using / for division outside of calc() is deprecated ... in Dart Sass 2.0.0
qq_62390970的博客
09-23 1419
tip : 将上面gem path 找出的包路径和这个警告文件的相对路径拼接起来，就是警告文件的完整路径.要在代码中的 $spacing-unit / 2 外面套上 calc函数，防止歧义。出错位置往往不止一个文件，也不知一个位置，按上面方法依次修改即可。因为只是警告而已，不改代码暂时也能运。
element-ui全局自定义主题
总结前端开发中遇到的问题，分享前端知识
09-14 884
在项目中改变 SCSS 变量 Element 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了 SCSS，那么可以直接在项目中改变 Element 的样式变量。新建一个样式文件，例如element-variables.scss，写入以下内容： /* 改变主题色变量 */ $--color-primary: teal; /* 改变 icon 字体路径变量，必需 */ $--font-path: '~element-ui/lib/theme-chalk/fonts'; @imp.
DEPRECATION WARNING Using for division is deprecated and will be removed in Dart Sass 2.0.0
m0_67392126的博客
03-03 256
在scss中使用“/”报这个错误： DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 解决方法：查看官方文档 @use "sass:math"; // WRONG, will not work in future Sass versions. @debug (12px/4px); // 3 // RIGHT, will work in future Sass ve
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed
q879936814的博客
08-11 4378
项目中出线了许多这种sass的报错，原因是sass2.0.0移除了很多之前的语法。进入node-modules目录下，执行。
elementui报Deprecation Warning: Using / for division outside of calc() is deprecated and will be remo
lacie的博客
07-14 1688
1.2.15.7版本增加了node-sass替换为dart-sass。在2.15.8版本中撤回了，升级elementui版本即可。
处理vite中Sass警告：The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0问题
weixin_45062683的博客
11-25 3861
The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0 - 警告提示表明你当前正在使用的 Dart Sass 版本中，旧的 JavaScript API 已经被弃用。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值