首页 > 其他分享 >Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

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

时间:2023-02-16 22:24:57浏览次数:56  
标签:division removed Sass top Dart 2.0 calc math

Scss/Sass 项目里使用 / 报错:Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.。指的是不能直接使用 / 来进行相除,已经在 Sass 2.0.0 版本被弃用。

可以降低版本,但可能会失去一些好用的特性,不推荐。如果你是 Vite 项目,可以按照以下步骤来:

  1. 引入 sass:math:
// vite.config.ts

// css 预处理
css: {
  preprocessorOptions: {
    scss: {
      additionalData: `@use "sass:math";`
    }
  }
}
  1. 把 / 的地方改成 math.div(1, 1)
.example {
  top: $show-top + $i * math.div(($close-end - $show-top), 10);
}

也可以使用 calc 来代替 math.div/ 斜杠。网上也有说安装 sass-migrator 对 node_modules 进行配置的,我已经试验过了,没有任何效果。这是 Sass 官方对该问题的解释:Breaking Change: Slash as Division

标签:division,removed,Sass,top,Dart,2.0,calc,math
From: https://www.cnblogs.com/Enziandom/p/17128501.html

相关文章

  • node16 以上版本不能安装 node-sass
    最近多次遇到这个问题,node16+版本安装或者初始化带有node-sass和sass-loader包的项目报错。方法一:卸载旧版本的node-sass和sass-loader,安装sass和sass-loader,不再使用nod......
  • gdb-反汇编指令(disassemble)应用
    参考资料disassemblecommandhttps://visualgdb.com/gdbreference/commands/disassembledisassemble结果每一部分含义https://cs61.seas.harvard.edu/site/2018/Asm1/......
  • 关于node-sass和sass-loader版本不兼容的问题解决
    安装node-sass和sass-loader时,提示我版本不兼容如:ValidationError:Invalidoptionsobject.SassLoaderhasbeeninitializedusinganoptionsobjectth......尝试......
  • 关于CSS、SCSS、SASS、HTML单页面引入SCSS
    1.CSS、SCSS、SASSCSS是开发人员熟知的一种用于页面样式开发的语言,可以通过内容的分离控制减少代码的重复性,降低代码的复杂程度。SASS与SCSS都是CSS预处理......
  • less与sass的区别
    1.关于变量在Less和Sass中的唯一区别就是Less用@,Sass用$2.处理机制不同,less是在客户端处理,sass是在服务端处理,相比较之下前者解析会比后者慢一点3.运行环境不同,sass是要......
  • node-sass安装问题
    前情最近在开发一个小程序项目,为了开发速度,部分页面使用原有H5,但原有H5需要对小程序做一定兼容适配,发现原有H5项目是个很古老项目。坑位在项目启动前,需要执行npminst......
  • Node Sass7.0.1版本与^4.0.0不兼容:解决
    今天碰到了个很麻瓜的问题我的node是16的里面的NodeSass7.0.1版本比较高跑老项目不兼容,卸载重装,但是安装NodeSass4.0.0失败,奇怪了还好找到一个文章上d1.npmuninstall......
  • sass/scss和less对比
    一、less、sass/scss是什么less:是一种动态样式语言,对CSS赋予了动态语言的特性,如变量、继承、运算、函数。Less既可以在客户端上运行(支持IE6+,Webkit,Firefox),也可......
  • ncnn 加载 bin文件时,出错 报异常 0xC0000094:Integer division by zero。
    这次转yolov8.pt到onnx到ncnn,调用ncnn,加载bin文件时出错报异常0xC0000094:Integerdivisionbyzero。解决方式:导出onnx时,加 device="cpu" ......
  • Cause: com.mysql.jdbc.MysqlDataTruncation: Data truncation: Division by 0
    MySQL错误Cause:com.mysql.jdbc.MysqlDataTruncation:Datatruncation:Divisionby0错误原因:往数据库中插入一个除数为0的运算的结果;MySQL的sql_mode模式限制着一......