编译错误 SCSS：“...之后的 CSS 无效”答案

【问题标题】：Compilation Error SCSS: "Invalid CSS after..."编译错误 SCSS：“...之后的 CSS 无效”
【发布时间】：2022-01-26 09:47:30
【问题描述】：

我一直在尝试将 SASS 用于项目，但是当我尝试使用“数学”模块进行除法时，vscode 控制台会抛出我在捕获中留下的错误。作为编译器，我使用 Live Sass Compiler 插件。不知道我说的够不够清楚，希望你能帮帮我。

您好！

【问题讨论】：

下次粘贴代码块而不是图像。
您好，请不要将您的代码发布为图像，而是以格式化文本的形式发布。 Here is why。您可以查看Stack Overflow editing help 来指导您格式化代码。祝你好运：D

【解决方案1】：

我遇到了同样的问题。现在，如果尝试进行除法 $var / 2 示例，我们会收到警告。

要修复，首先导入'math'

@use 'sass:math';

然后将所有除法（使用/）更改为math.div($var, 2)。第一个元素将除以第二个元素。

【讨论】：

【解决方案2】：

我已经设法复制错误并通过这样做来修复它

border-radius: $base-border-radius / 4

【讨论】：

【解决方案3】：

我在 vscode 中使用 Live Sass 编译器扩展时遇到了同样的错误。我改用 sass npm 包解决了它。

npm i sass -g

sass --watch scss/styles.scss css/styles.css

【讨论】：