css - 使用 LESS CSS 的 NameError

Question

这是我的经验问题。

问题是我正在使用 LESS CSS，当将它们编译成 CSS 时，它正在编译，但有一些“NameError”消息。

只是我在我的 custom.less 文件中使用了渐变颜色，就像这样

> .section {
    float: left;
    width : 64%;
    margin-right: 2%;

    > .box {
        #gradient.vertical(#efefef; #ffffff; 5%; 70%);              
        max-height: 200px;

    }
}

编译时我会收到类似这样的错误消息，但我的渐变效果正常 -

注意:我用UTF-8 without BOM保存了我的文件，我使用了一个名为winless的第三方编译器来编译我的LESS 文件。

谁能告诉我为什么会这样？

Answer 1

t 如果文件是用 BOM 编码的，那么 LESS 编译器似乎会悄无声息地失败。 (对于那些不熟悉该术语的人来说，这是字节顺序标记。)这是某些编辑器(例如 Visual Studio)中的默认设置。

如果 BOM 在您的根文件中，编译器会在 BOM 上报错，但对于 @import-ed 文件似乎会静默失败。

尝试将您的文件保存为不带 BOM 的 UTF-8，看看是否能解决您的问题。