SCSS 文件可以在 Visual Studio 2019 中编译，但不能在 2022 中编译

Question

我继承的项目中的 SCSS 文件顶部有许多导入语句。以下是相关说法：

...
@import "node_modules/bulma/bulma.sass";
...
@import "node_modules/buefy/src/scss/buefy.scss";
...

使用 Webcompiler，SCSS 文件在 Visual Studio 2019 中编译。但是，当我尝试在 Visual Studio 2022 中编译它时，出现错误，提示找不到 bulma 样式表。我尝试将“node_modules”添加到compilerconfig.json.defaults 的SASS 部分中的includePath 中。这似乎适用于 bulma 样式表，但随后我在 buefy 样式表上遇到了同样的错误。这些文件肯定存在（否则无法在 VS2019 中编译）。

有人有什么想法吗？ Visual Studio 2022 中是否有我缺少的设置？

谢谢

Answer 1

有人将扩展移植到VS2022

注意：我不是该端口或原始扩展的作者。

Answer 2

扩展网络编译器不适用于 Visual Studio 2022（不确定是否会修复）

Answer 3

我在尝试编译 .scss 文件时遇到了类似的错误。我通过删除（或重命名）WebCompiler 扩展的临时文件夹来使其正常工作：

1. 关闭VS2022
2. 转到 C:\Users\\AppData\Local\Temp\
3. 删除或重命名“WebCompiler”文件夹
4. 打开 VS2022 - 它应该重建“WebCompiler” 文件夹
5. 右键单击解决方案中的 .scss 文件，然后右键单击 Web Compiler > 编译文件（或重新编译文件）