Sass错误：没有名为“math”的模块。

Question

我在Vue应用程序中使用math SASS库时遇到了问题。它使用Dart Sass和sass-loader进行编译。Dart Sass版本为1.26.3，因此数学模块应该可以正常工作。

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: There is no module with the namespace "math".

@for $i from 2 through 10 
    &:nth-child(#{$i}) { transition-duration: 300ms + $i * 50ms - 400ms * math.floor($i / 8); }
                                                                          ^^^^^^^^^^^^^^^^^^
}

• Dart Sass：V1.26.3 (https://www.npmjs.com/package/sass)
• Sass-loader：V8.0.2 (https://www.npmjs.com/package/sass-loader)

- Chris Hayes

Answer 1

明白了，我需要添加

@use 'sass:math';

在文件顶部。

- Chris Hayes

---

为什么这个内容没有直接记录在https://sass-lang.com/documentation/modules/math中？非常感谢！ - denns

@denns 公平地说，它在以下文档中有记录：https://sass-lang.com/documentation/modules - xorinzor

是的，那就是我找到它的地方，但最初我进入了示例部分，由于这个问题，示例无法正常工作。 - denns

Answer 2

我能向您推荐的是一种自动（懒惰）的方式 - 您可以使用：

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

来自：https://sass-lang.com/documentation/breaking-changes/slash-div#automatic-migration

- Antonina K

---

这对于试图修复Vue组件中的scss的人来说是行不通的。 - M. Gara