SASS 未编译为 CSS答案

【问题标题】：SASS is not compiling to CSSSASS 未编译为 CSS
【发布时间】：2021-11-10 00:04:06
【问题描述】：

所以我是一个尝试学习 SASS/SCSS/Bootstrap 的新手。我正在使用 VSCode 并在终端中通过 npm 安装 SASS 和引导程序。一切都很好，我在这个特定的项目上工作了几天，直到 SASS 突然停止编译。我注意到，如果我对我的主 style.css 表进行更改，它将反映在浏览器中，但是对 scss 部分的任何更改都不会编译到主 style.css 表。

为了让事情更复杂，我在 package.json 文件上单击“调试”，这让情况变得更糟——现在根本没有样式。 style.css 表单以某种方式包含

@use "custom";
@use components/buttons;
etc etc..

和

@use sections/navbar
@sections/intro-section
etc etc...

Live Sass 编译器正在工作并且正在“观察”。我安装了 Live Sass Compiler 和 Live Server 作为扩展。我会很感激任何帮助，因为我整天都被困在这上面！

我是新来的，所以不能直接上传图片。

screenshot 1

screenshot 2

screenshot 3

【问题讨论】：

标签： css visual-studio-code sass

【解决方案1】：

您是否使用 Glenn Marks (glenn2223.live-sass) 的 LiveSassCompiler 在本地计算机上使用 VSCode 进行编译？如果您使用ritwickdey.live-sass，请尝试将其换成 Glenn's，因为我认为后者不再维护。然后，尝试将 .bak 附加到 style.css 和 style.css.map 以使用编译器重新生成 CSS。

【讨论】：

终于成功了！我正在使用 Ritwickdey 的实时 sass 编译器。卸载并安装了 Glenn Marks'。我的CSS表上仍然没有任何内容。然后我尝试在终端中通过 npm 进行编译。输入npm run compile:sass，它神奇地起作用了！虽然我记得昨晚通过 npm 编译，但不知何故今天早上它工作了。谢谢朋友的帮助
没问题！很高兴它成功了。