警告：在 calc() 之外使用 / 进行除法已被弃用，并将在 Dart Sass 2.0.0 中删除

Question

在我更新了 Angular 应用程序并更新了 Sass 编译器之后，我开始收到此错误

$val: 100px;

.some-sellector {
  padding: $val / 2;
}

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

Answer 1

Dart Sass 编译器进行了一些更改。现在要在

*.scss

文件中使用除法，您需要使用以下方法：

math.div(value, divider)

或

calc(value / 2)

。

但是，我发现使用十进制数的乘法更容易：

  padding: $val * 0.5;

Answer 2

正如 @Gil Epshtain 所建议的，我们可以使用乘法作为替代 但我们可以使用命令来代替手动执行，

参考：https://github.com/akveo/nebular/issues/2797#issuecomment-878240045

$ npm install -g sass-migrator
$ sass-migrator division **/*.scss

我在我的项目中使用了它，当我从不同的角度版本升级时它非常方便。

希望有帮助。