Asp.net 减:未识别的输入

Asp.net 减:未识别的输入,asp.net,css,visual-studio-2012,less,web-essentials,Asp.net,Css,Visual Studio 2012,Less,Web Essentials,我正试图在WebEssentials 2012的帮助下减少学习 从一开始,这就少了代码: @main-color: red; .mega-warning { font-size: 24px; color: @main-color; } 给出了一个编译错误“LESS:unrecogned input”,编译停止。当我在.mega warning类作用域内声明变量@main color时,一切正常: .mega-warning { @main-color: red;

我正试图在WebEssentials 2012的帮助下减少学习

从一开始,这就少了代码:

@main-color: red;

.mega-warning {
    font-size: 24px;
    color: @main-color;
}
给出了一个编译错误“LESS:unrecogned input”,编译停止。当我在
.mega warning
类作用域内声明变量
@main color
时,一切正常:

.mega-warning {
    @main-color: red;
    font-size: 24px;
    color: @main-color;
}

我错过了什么

在已添加对较少文件的引用的位置尝试此操作:

rel="stylesheet/less"
有了这个,您的引用将如下所示

<link rel="stylesheet/less" type="text/css" href="styles.less" />


下载less.js并在
中添加引用它的
标记。css
应该在
之前,我也在为同样的问题苦苦挣扎。看起来Web Essentials 2012 v2.9出于某种原因对以变量声明开头的*.less文件不太满意。以下是我的解决方法:

html{}

@main-color: red;

.mega-warning {
    font-size: 24px;
    color: @main-color;
}

奇怪的是,当使用独立的lessc 1.4.2编译器时(根据,该编译器包含在WE2012 2.9中),情况绝对正常。我已向Web Essentials extensions的作者发送了一封电子邮件,并向他发布了一个指向此问题的链接,希望他能很快解决此问题。

使用编码“无BOM的UTF-8”保存较少的文件。。这一方法是在《华盛顿邮报》中提出的

我在VS/Web Essentials 2013中遇到了这个问题。我的修复方法是使用模板重新创建
.less
文件。我最初只是将扩展名从
.css
更改为
.less
,但显然这不起作用。因此,请将Visual Studio模板用于
.less
文件


我不确定
。less
模板来自何处,它可能与Web Essentials一起提供,也可能在模板包中提供。

我没有添加less文件的引用,Web Essentials插件在服务器端生成css文件,这就是问题的根源。我希望避免客户端预处理。在执行@main color=red insead of use:时遇到类似问题。您的代码似乎没有此问题。我在
@media(最大宽度:20rem)时遇到类似问题//此处有一些注释\n{
。将开始括号放在注释之前修复了问题。VS 2012 Update 4和最新的WE(目前)仍然存在问题。这非常糟糕:(。