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

运行时警告 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 divis

Misha韩

7636人浏览 · 2022-12-06 17:06:45

Misha韩 · 2022-12-06 17:06:45 发布

项目: taro3+vue3

描述：运行时警告 Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
在这里插入图片描述

原因：sass版本的问题, 换成calc

方法一：sass-migrator

全局安装 sass-migrator，在node_modules/.bin中运行 sass-migrator division ./node_modules/taro-ui-vue3/dist/style/components/*.scss ，然而并没有用，不知道是不是我打开方式不对…

方法二：手动

用了最笨的方法：手动修复
scss文件头部引入 @use “sass:math”;

把用到除法的地方换成math.div(参数1，参数2)
在这里插入图片描述

最后，最重要的一步，用patch-package打补丁，不然重新安装之前修改的没有了…【patch-package传送门】

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^