0

我有一个空的 ASP.NET MVC 项目，在 Visual Studio 2015 社区版中创建。我已经安装了 WebCompiler，并通过 NuGet 添加了 bootstrap.less。

它在我的内容文件夹中的名为 bootstrap 的文件夹中创建了一个文件结构。mixins 文件夹中还有一堆 .less 文件。我可以毫无问题地编译 mixins 文件夹中的所有 .less 文件。但是，如果我尝试编译 mixins 文件夹之外的任何文件（在 bootstrap 文件夹中，我会收到编译器错误。

严重性代码 描述 项目文件行抑制状态错误 NameError: .responsive-invisibility is undefined in \Content\bootstrap\responsive-utilities.less C:\Users\cnance.AVIBE\documents\visual studio 2015\Projects\BootsrapLessExample\BootsrapLessExample\Content \bootstrap\responsive-utilities.less 32

根据我尝试编译的错误，我得到不同的错误，但无论我选择哪一个，我都会遇到一些错误。

我对 .less 很陌生，并且没有使用过多的 Grunt 或 npm，我确实在我的机器上安装了它们。我需要对其中一个做些什么吗？我查看了https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler，从那里看到的，我应该可以使用 Visual Studio 和 Web 编译器完成所有工作，但我一定是遗漏了一些东西。

4

1 回答 1

0

您不能单独编译 bootstrap 文件夹中的 .less 文件，因为这些文件包含未声明的变量，就像错误日志显示：“..responsive-invisibility is undefined in...”。

如果要单独编译 bootstrap 文件夹中的 .less 文件，则需要导入包含定义变量的文件，在您的情况下是 mixins 文件夹中的 responsive-visibility.less 文件。

@import "mixins/responsive-visibility";

请参考：如何在不同的less文件中使用变量？

于 2016-12-22T06:41:28.703 回答