css – 变量名错误“未定义”,即使“variables.less”导入

我今天开始使用LESS。但它有点怪。此代码不工作。我得到一个错误：

! Variable Name Error: @linkColor in a is undefined.

我的引导：

@import "variables.less";
@import "normalize.less";

variables.less：

@linkColor:             #08c;
@linkColorHover:        darken(@linkColor,15%);

normalize.less：

a {
    color: @linkColor;
}
a:visited {
    color: @linkColor;
}
a:hover {
    color: @linkColorHover;
}

当我做一个

@import “variables.less”

在normalize.less文件中，一切工作正常。

谢谢你的帮助 ：)

解决方法

This other question最终导致我得到正确的答案。

看起来像LESS编译器默认失败，如果文件用BOM编码。 (对于那些不熟悉这个术语的人来说，这是一个Byte Order Mark)。这是一些编辑器(例如Visual Studio)中的默认设置。

编译器会在BOM上产生一个错误，如果它在你的根文件中，但似乎为@ import-ed文件默认失败。

尝试将文件保存为UTF-8而不使用BOM，并查看是否解决了您的问题。