较少:无法识别的输入

Question

我想在Web Essentials 2012的帮助下学习更少.

从一开始,这个LESS代码:

@main-color: red;

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

给出编译错误"LESS:Unrecognized input"并且编译停止.当我@main-color在.mega-warning类范围内声明变量时,一切正常:

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

我错过了什么？

Answer 1

我正在努力解决同样的问题.看起来像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扩展的作者发送了一封电子邮件,并向他发布了一个关于这个问题的链接,所以希望他很快就能解决这个问题.

Answer 2

使用编码"UTF-8无BOM"保存较少的文件.这种方法是在 VS 2012 Web Essentials Less Compile Error之后提出的