css - 无论如何，lessc 语法错误

Question

我有一个要编译的文件较少，它包含（并且文件都存在）

@import 'effects.less';
@import 'fonts.less';
@import 'normalise.less';
@import 'vars.less';

我得到的错误是

SyntaxError: Operation on an invalid type in web.less:null:-1
1 @import 'fonts.less';

我尝试将文件保存为没有 BOM 的 utf-8，但仍然没有成功。

这是文件 -I web.less 的输出

web.less: text/plain; charset=us-ascii

我已经尝试在它上面运行 inconv 来确定，但是这个错误仍然存在

iconv -f us-ascii -t utf-8 web.less > web.less

lessc -v返回

lessc 1.3.3 (LESS Compiler) [JavaScript]

这让我精神崩溃，这是怎么回事？

[编辑]

我没有复制和粘贴导入规则。它们是手动输入的，我使用的编辑器是 Sublime Text 2 来创建这些文件，我在 OSx 上，lessc 是通过 npm 安装的（我已经尝试过更新它）

score 1 · Accepted Answer

在 less 中连接字符串不是使用+运算符而是使用字符串插值完成的。

代替

@default: @bwFont + ', ' + @backups;

和

@default: "@{bwFont},@{backups}";

score 1 · Accepted Answer

好的，问题出在我的 vars.less 文件中，内容是

@bwFont: 'blackwell-book';
@backups: Arial,sans-serif;
@default: @bwFont + ', ' + @backups;

问题在于 concat 操作@default将其更改为

@default: 'blackwell-book', Arial,sans-serif;

修复一切。我会检查错误报告并报告如果没有找到。

多谢你们。

2 回答 2