我的 sass 使用在 React 中不起作用，有人知道为什么吗？答案

【问题标题】：My sass use is not working in React, does seomeone knows why?我的 sass 使用在 React 中不起作用，有人知道为什么吗？
【发布时间】：2021-04-29 11:17:12
【问题描述】：

我想在scss文件中使用scss的数学内置模块，所以我在文件顶部写了@use 'sass:math';，以便使用数学模块的变量和函数。但是，当我尝试使用 math.$pi 或 math.cos() 时，反应说“无效的 CSS”，我知道为什么，因为我在 React 中对 sass 没有任何问题，我遵循了关于 @use 和 sass:math 模块的 sass 文档。有人能帮助我吗？顺便说一句，我正在使用 React，谢谢

【问题讨论】：

你能把错误日志贴出来吗？
SassError: Invalid CSS after "... calc( 2*#{math": 预期的表达式（例如 1px，粗体），是 ".$pi}*#{$rayon} );"在 src/Categories/_categories.scss 第 23 行 src/styles/components/_oep.scss 第 3 行 src/styles/index.scss 第 3 行 >> $perimeter: calc( 2*#{math.$pi }*#{$rayon} ); ----------------------------------------^
这是因为'math.$pi'

标签： reactjs sass

【解决方案1】：

我发现了这个问题，因为我使用的是node-sass，它使用的是LibSass，它不再更新最新版本的sass，所以不支持@use。我切换到Dart-sass，这是sass的最新版本，所以它包含@use并解决了我的问题。此外，Dart-sass 编译速度更快 :)

【讨论】：