问题标签 [web-compiler]

我正在使用 Visual Studio 2019 的 Web 编译器将我的 scss 文件编译成 css 文件。但它不像我期望的那样工作。所以我目前的设置是这样的，我有一个名为style.scss. 然后我有多个 scss 文件，这些style.scss文件使用@import 'file'. 我的compilerconfig.json样子是这样的：

我在想的是当我编译它时，它应该创建两个文件，style.css和style.min.css. 但是当我编译它时会发生什么，它会创建如上所述的更正样式。但它也会为我在 Styles 目录中的每个文件创建一个.css和文件。我试过用谷歌搜索，但找不到任何好的结果。并且每次我编译 scss 文件时都会进行更改。.min.css.scsscompilerconfig.json

我想在 Heroku 上部署 MERN 项目。当我写命令git push heroku main时，就会出现错误。

我尝试了以下解决方案，但无济于事

npx browserslist@latest --update-db

npm i autoprefixer@latest

npm i caniuse-lite browserslist@latest

npm i caniuse-lite@latest

npm --depth 9999 update

npm --depth 99 update caniuse-lite browserslist

它不会编译它说：

未定义的变量：“$blue-logo-color。”

在 variables.scss 我有：

在 site.scss 我有：

如何使 WebCompiler 包含编译器的全局 scss/css 文件？它似乎也无法识别来自 _Hosts.cshtml 的全局包含。

我有一个使用 SASS 的 VS2019 项目，我对 SASS 一无所知（刚刚开始阅读有关它的内容）但我的一位同事注意到他在尝试编译该文件时遇到问题，而我没有知道问题出在哪里（检查了另一个使用该技术的解决方案，没有问题，项目在我看来是相同的）。

这里的项目结构：

main.scss（路径由 VS2019 使用拖放自动生成）：

style.scss（用于测试@extend 命令的虚拟代码）：

当我尝试编译 main.scss 时，出现此错误：

我不知道发生了什么，在我看来另一个项目工作正常，所以我不明白出了什么问题。

更换电脑迫使我安装 VS2022 和 WebCompiler 2022+ 扩展。运行我的编译器时，会生成以下错误：OperationError: Operation on an invalid type in ......./file.less. 有问题的行具有以下计算：padding-left: 20px + @default-padding / 2;其中@default-padding变量的值为10px。

使用之前安装的 WebCompiler，我没有遇到编译器现在提出的这个问题。请问我该如何解决这个问题？