SCSS文件在Visual Studio 2019可编译，2022编译失败求助

针对你遇到的VS2022中WebCompiler编译SCSS时找不到Bulma/Buefy样式表的问题，可尝试以下几种解决方案：

• 简化SCSS导入路径
  既然已经将node_modules添加到includePath，就不需要在导入语句中写全node_modules/前缀，修改导入语句为：

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

  编译器会自动从includePath配置的目录中查找对应文件，避免路径解析冲突。

• 检查项目本地compilerconfig.json配置
  项目根目录下的compilerconfig.json优先级高于compilerconfig.json.defaults，确保该文件中正确配置了Sass的includePath：

  {
    "compilers": {
      "sass": {
        "includePath": ["node_modules"]
      }
    }
  }
  

  保存配置后重启VS2022再尝试编译。

• 更新或重装WebCompiler扩展
  VS2022的WebCompiler扩展版本可能与VS2019使用的版本存在差异，导致路径解析逻辑变化：

  • 卸载当前WebCompiler扩展，重启VS2022后安装最新版本
  • 若最新版本仍有问题，可尝试回退到VS2019中使用的相同版本（可在VS Marketplace下载历史版本）

• 清理WebCompiler缓存
  旧的缓存可能导致路径解析异常，手动清理缓存后重新编译：

  1. 打开文件资源管理器，导航到%LOCALAPPDATA%\Temp\WebCompiler
  2. 删除该目录下的所有文件
  3. 返回VS2022，重新触发SCSS编译

• 确认项目工作目录设置
  检查VS2022中项目的工作目录是否与VS2019一致：
  右键项目 → 属性 → 调试 → 工作目录，确保设置为项目根目录（通常为$(ProjectDir)）

内容的提问来源于stack exchange，提问作者alfisdad