Sass的坑：无法用除法，以及建议添加到开发环境依赖项中

最新推荐文章于 2024-03-16 09:55:19 发布
最新推荐文章于 2024-03-16 09:55:19 发布
阅读量1.3k 收藏 3
点赞数 1
分类专栏： VUE HTML JS 文章标签： sass vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dongnihao/article/details/120963002
版权
JS 同时被 3 个专栏收录
78 篇文章 0 订阅
订阅专栏
VUE
12 篇文章 1 订阅
订阅专栏
HTML
5 篇文章 0 订阅
订阅专栏

最近在用Vue3做一个练手项目，用的Sass

首先Sass最新版本用除法报错，建议我math.div()。无卵用，然后谷歌

 

 把默认版Sass删了，降级，亲测1.32.12可以用

第二个坑：

 要把Sass放到开发环境依赖项中，所以打开配置JSON文件。移动到DevDependencies中。解决

 

董厂长
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
eleventy-gulp-and-sass:将Gulp和Gulp-Sass添加到Eleventy
05-07
Eleventy，Gulp和Sass 版本1.4 用于将Gulp和Gulp-Sass添加到Eleventy的简单设置。 Eleventy（ ）是我最喜欢的静态站点生成器之一-我的简单项目入门。 但是我是SCSS的狂热者，（从v0.11.0开始）Eleventy不会预处理CSS。 通常，我对Eleventy项目所做的第一件事就是使用和添加 ，这是我选择CSS预处理程序。 我还添加了其他一些有用的模块，例如自动前缀和Sourcemap生成器。 （您可能想使用Gulp来执行除gulp-sass之外的其他任务。例如，您可能需要预处理和/或连接JS并优化一些图像。因此，我设置了gulpfile.js来在scss/一中的文件夹_assets文件夹-以后可以添加其他东西到_assets/文件夹太）。 使用此存储库的三种方法 如果您想从头开始，则可以下载或克隆此存储库，然后通过下面的这些教程指
Sass基本特性--运算（加法、减法、乘法、除法、变量运算、数字运算、颜色运算、字符运算）
热门推荐
幸福滴嘴角上扬的博客
09-06 1万+
Sass基本特性--运算（加法、减法、乘法、除法、变量运算、数字运算、颜色运算、字符运算）基础总结
推荐使用 Sassy-Math 进行 CSS 预处理器 Sass 的数学计算
最新发布
gitblog_00016的博客
03-16 341
推荐使用 Sassy-Math 进行 CSS 预处理器 Sass 的数学计算 Sassy-Math 是一个基于 JavaScript 的工具，用于解析 Sass 中的数学表达式，并将其转换为可读性更高的 CSS 代码。它可以帮助您更轻松地进行 CSS 预处理器 Sass 中的数学计算。 项目简介 Sassy-Math 是一个非常实用的工具，可以自动将 Sass 文件中的数学表达式转换为可读性更高的...
警告:Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
曈欣的博客
11-18 2811
大致翻译：如今，Sass使用复杂的启发式方法来判断a/应该被视为除法还是分隔符。随着越来越多的CSS功能，如CSS网格和新的rgb（）和hsl（）语法使用/作为分隔符，这对Sass用户来说越来越痛苦。因为Sass是一个CSS超集，所以我们通过将/重新定义为仅一个分隔符来匹配CSS的语法。/将被视为一种新型的列表分隔符，类似于今天的工作方式。我没有用 node-sass，用的是 sass。开始默认是安装最新的 sass 版本，后来降到了 sass@1.32.12 ，报错就没有了。
Sass系统学习
Kate_sicheng的博客
06-23 2042
一、变量 二、嵌套 三、父选择器 & 父选择器 & 是 Sass 发明的一种特殊选择器，在嵌套选择器中用于引用外部选择器。它可以以更复杂的方式来复用外部选择器。 四、插值 #{表达式} 用来输出或计算一个表达式的内容。字符串与变量的拼接使用 。 常用于在写mixins时根据传入的参数创建选择器。 五、函数 @function 和 @return 和 结合，用于定义可在 SassScript 表达式中使用的自定义函数，函数最后通过@......
As of Dart Sass 2.0.0 弃用 除法符号“/” element-ui自定义皮肤样式报错，但能运行
Jwybwy的博客
03-31 4026
项目场景： element-ui 自定义皮肤过程，提示： Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. 问题描述 报错行： border-radius: #{ $--transfer-filter-height / 2}; 原因分析： 提示：sass2.0.0 之后弃用除法符号“/” 解决方案： 提示：使用sass:
mathsass：数学功能的Sass实现
02-05
MathSass Sass实现的数学函数。 安装 吉特 git clone [email protected]:terkel/mathsass.git && cd mathsass 凉亭 bower install mathsass --save-dev npm npm install mathsass --save-dev 用法 将dist/_math.scss部分导入Sass文档。 @import " path/to/dist/math " ; .content { height : 200 px ; width : 200 px / tan ( 60 deg ); //
sass语法速查
秋来九月八
07-27 1745
数据类型 数字，1, 2, 13, 10px 字符串，有引号字符串与无引号字符串，"foo", 'bar', baz 颜色，blue, #04a3f9, rgba(255,0,0,0.5) 布尔型，true, false 空值，null 数组 (list)，用空格或逗号作分隔符，1.5em 1em 0 2em, Helvetica, Arial, sans-serif maps, 相当于 JavaScript 的 object，(key1: value1, key2: value2) 数字运算符 +, -
可视化大屏幕的适配方法-vw/vh
weixin_68531033的博客
10-10 3032
vw和vh也是css中标准的单位，和px,rem, %一样 vw和vh适配方案，按照设计稿的尺寸，将px按比例计算转为vw和vh。1.在src/style下新建一个use.scss文件,定义好设计稿的宽度和高度两个变量。2.使用scss内置的`math.div`函数，定义两个`vw`和`vh`的计算函数。屏幕视口宽度 = 100vw，屏幕视口高度 = 100vh。3.传入具体的像素值，其帮我们自动计算出vw和vh的值。假如设计稿宽高为 1920px = 100vw。首先vw和vh的换算公式如下。
升级vue-element-admin中element-ui的版本报错 缺少math.div 函数
STR少寒的博客
12-18 3887
升级vue-element-admin中element-ui的版本报错 缺少math.div 函数 报错内容 缺少math.div 函数 98% after emitting CopyPlugin ERROR Failed to compile with 1 error 10:31:42
JS中的Math对象
一只大海
01-03 857
Math对象 介绍一些常用的Math对象 Math对象的应用 让整个屏幕自动更换颜色 首先我们在body中添加一个div，并给body和div都设置下样式 然后我们就可以开始写js的代码了 最后我们通过id来获取到上面个他添加的div，再给它添加一个计时器，让整个屏幕可以"动"起来，这样就大功告成了 2.定义一个对象来实现求一组数的最大值 function MyMax() { //添加...
sass-stitcher:用于从项目的 npm 依赖项中导入 sass 样式
06-26
粗体缝纫机 用于从项目的 npm 依赖项中导入 sass 样式。 用法 var getSassImports = require('sass-stitcher'); var imports = getSassImports(entryPath, cwd));
styled-jsx-plugin-sass:插件将Sass支持添加到styled-jsx
04-29
插件将支持添加到 。 :scroll: 关于 将与 :collision: 该存储库最初是从派生的，其目的不是为了功劳，而是从现在开始改进代码。 :floppy_disk: 安装 安装软件包和所需的node-sass （或 ）版本（它是对等依赖项）...
npm install安装依赖，node-sass报错：Failed at the node-sass@7.0.3 postin
11-25
我们从从git上克隆前端项目到本地初始化项目（npm install），安装到一半报错经常会碰到这个问题Failed at the node-sass@7.0.3 postinstall script
sass-brunch：将Sass Scss支持添加到早午餐
02-05
萨斯早午餐 向添加Sass支持。用法使用npm install -S sass-brunch通过npm安装插件。选件设置其他包含路径： includePaths: [ 'node_modules/foundation/scss' ] 打印行号参考作为注释或sass的FireSass假媒体查询： ...
html里面能计算除法吗,1.4[Sass运算]除法
weixin_39922769的博客
07-19 500
#### 1.4[Sass运算]除法**注意：**Sass的乘法运算规则也适用于除法运算，不过除法运算有特殊之处，因为”/”符号在CSS中已经作为一种符号使用，因此在Sass中直接使用”/”作为除号时，将不会生效，编译时既不会报错，也不会得到我们想要的效果。除号的作用用空格隔开，也不会得到想要的效果。如:~~~.box{width: 100px / 2;}~~~转化成CSS:~~~.box {wi...
SASS运算符
weixin_62115642的博客
07-26 202
SASS运算符，支持数字的加减乘除、取整等运算 (+, -, *, /, %)，如果必要会在不同单位间转换值。除法运算
Sass Module 介绍
IT修真院：初学者转行到互联网的聚集地
03-12 1810
作者简介： 李中凯老师，8年前端开发，前端负责人，擅长JavaScript/Vue。 公众号：1024译站 掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts 主要分享：Vue.js， JavaScript，CSS Sass刚刚发布了一个你可能从其他语言中认识的主要新功能：模块系统。这是最常用的Sass功能之一@i...
Sass 特性
weixin_45703889的博客
09-08 363
Sass 特性总结
sass ::v-deep不生效
03-29
v-deep是一个Vue.js特殊的伪选择器，用于给组件内部的元素添加样式而不影响其他组件。 如果在使用sass预处理器时，v-deep不生效，可能是由于Sass版本问题导致的。在较早的Sass版本中，v-deep可以通过>>>或/deep/来实现，但在较新的Sass版本中，应该使用::v-deep。 尝试在样式中使用::v-deep替换>>>或/deep/，并确保您的Sass版本是较新的。如果问题仍然存在，请检查您是否正确地引入了样式，并且在使用v-deep时是否按照Vue.js的要求正确使用了样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

董厂长

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值