问题标签 [live-sass-compiler]

我在 Visual Studio Code 中使用Live Sass 编译器。

我的 SCSS 文件包含这个网格：

编译后的 CSS 代码：

结果，我得到四个错误：

此行导致错误：

我的问题是：是否可以忽略以下行？我可以阻止我的编译器添加 -ms前缀吗？或者还有其他方法可以解决这个问题吗？

嗨，当我尝试将 Sass 编译为 CSS 时，我收到一条错误消息，并且我的页面也没有正确显示。所以在我的 scss 文件中我有 display: grid; 网格模板列：重复（12、1fr）；网格自动行：最小最大（100 像素，自动）。但是当它编译为 css 时，我会显示以下代码：-ms-grid-columns: (1fr)[12]; 这显示了一个错误。我在 microsoft edge 中查看，所以我可能需要这条线。错误消息在 12 的方括号中应为左括号。

我有一个包含多个项目的文件夹，每个项目都有自己的文件夹。

结构是这样的：

每个项目都包含一个dist和sass文件夹。

问题是，当我为一个项目编译一个 Sass 文件时，我所有的 Sass 文件都被编译到文件夹main.css内。dist

文件夹结构：

编译器输出：

我正在使用 VScode 的 Live Sass Compiler 插件，当我开始观看时，我收到一个奇怪的终端错误，并且文件不会链接。如果编译器能够正常工作，这一切似乎都已正确链接，但 .html 文件不会随着我的 custom.scss 更改而更新。
终端警告在引导文件中说明了一些内容，我认为这可能是其中的一部分？

这是我的 index.html 头：

还有我的： custom.scss 文件和终端错误消息

不知道此时该做什么？

几个小时前我使用了 live sass 编译器，它工作得很好，但现在它不工作了。你能告诉我可能是什么问题吗？

这是我按 ctrl + s 时看到的

这是我的项目文件夹结构

这是 settings.json 中的设置

提前感谢您的帮助。

我正在做一个关于高级 CSS 和 Sass 的在线课程，发现它在课程中的显示方式有点过时了。

该课程在依赖项中使用 node-sass，已弃用。一个直接的替代方法是使用 Dart-sass （我将在最后编写我的步骤，也许有人会从中受益:)）

另一种选择是使用 VS Code 扩展“Live Sass Compiler”。似乎这个选项被很好地接受了。

但是，我想知道这些选项有什么好处和区别。例如，我昨天在扩展时遇到了一些麻烦，然后使用 dart sass 作为依赖项并以这种方式解决了我的问题。也许这是由于我的代码中有问题，但它仍然给我留下了这个问题，我认为其他人将来可能会有同样的问题。

PS：这是我的第一个问题，如果我做错了，请不要烤我：D

对于那些对如何将代码从 node-sass 更改为 dart-sass 感兴趣的人，这里是步骤（至少对我来说，这些是我所做的课程中的步骤）：

1. 使用命令行安装 dart sass：npm i -D sass
2. 更改脚本的位置（在 package.json 中node-sass）sass
3. -w将watch:sass脚本中的更改为--watch（在 package.json 中）
4. 你也可以这样做npm uninstall node-sass来摆脱它

我正在使用 VS 代码扩展：Live Sass Compiler with Live Server，当我保存 style.scss 以外的其他 scss 文件时，它不会编译我的 style.scss 文件。有没有我错过的设置？

由于我没有找到任何设置，我想我想使用一个文件观察器，所以如果保存了任何 scss 文件，我想强制保存我的 style.scss 以触发实时 sass 编译。

所以我添加了扩展文件观察器，现在我想知道使用什么cmd来强制保存我的 style.scss 文件。在 File Watcher 扩展中，每次我使用以下方法保存 .scss 文件时都会得到回显：

我想我需要一个 shell 命令或其他东西来强制保存我的 style.scss 文件，但我不知道该怎么做。我在想像 ls style.scss 之类的东西，但就我所知。或者我可以直接在 style.scss 文件上触发 sass 实时编译吗？

检查了至少 10 个不同的解决方案来源，但找不到任何帮助。正如您在图片中看到的，我在 settings.json 中指定了一个路径，但是当我单击“Watch Sass”时，它没有在指定的 css 文件夹中生成 css 文件。

vs代码的图1

vs代码的图2

它以前工作得很好。LIVE SASS 编译器突然停止更新 main.css 文件。我已经重新安装了live sass 编译器，甚至VScode！还是行不通！我附上了项目文件夹的 SS 和 settings.JSON 文件。

项目文件夹的 SS

settings.JSON 文件的 SS

过去 5 个月我一直在使用实时 sass 编译器，但今天我得到了 sass 编译器的异常行为。未检测到部分 sass 文件的更改。例如 - 我有一个 style.scss 文件和其他部分 sass 文件，如 _global.scss，我使用 @import 关键字将所有这些部分文件导入到 style.scss 中。但是当我对部分文件进行一些更改时，它不会检测到更改并且不会重写 style.css 文件。请帮帮我。