SASS 未编译为 CSS

Question

所以我是一个正在努力学习的新手SASS/SCSS/Bootstrap。我正在研究 VSCode 并通过终端中的 npm 安装了 SASS 和 bootstrap。一切都很好，我在这个特定项目上工作了几天，直到 SASS 突然停止编译。我注意到，如果我对 main style.css sheet 进行更改，它将反映在浏览器中，但是对 scss partials 的任何更改都不会编译到 main style.css sheet.

更复杂的是，我在 package.json 文件上单击了 'Debug' 使情况变得更糟的地方 - 现在根本没有样式。 style.css sheet 以某种方式由

组成

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

和

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

Live Sass 编译器正在工作并且 'watching'。我安装了 Live Sass Compiler 和 Live Server 作为扩展。如果我一整天都被困在这上面，我将不胜感激！

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

screenshot 1

screenshot 2

screenshot 3

Answer 1

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

SASS 未编译为 CSS

SASS is not compiling to CSS

css

sass

visual-studio-code