LESS编译错误ParseError：第1行的语法错误

Question

我正在尝试通过将import my own less文件导入现有的bootstrap.less来对我现有的bootstrap less文件进行一些自定义。

我认为这很简单，但是我已经花费了几个小时的努力来尝试新编译。

每次我添加文件时都会：

  

ParseError：C：\ xxx \ content \ bootst中第1行的语法错误   rap \ less \ xxx.form.less：9：999 8}

我自己的文件较少：

.form-unit {
  background-color: #F5F5F5;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 30px;
  padding: 10px;
  min-height: 170px;
  position:relative;
}

有人有同样的问题吗？我错过了什么???

我在线编译它并不奇怪它有效，我很困惑

Answer 1

您使用SimpLESS作为LESS编译器吗？如果是这样，就有一个错误，它无法读取带有BOM的UTF-8编码的文件。只需将您的文件转换为没有BOM的UTF-8，它就能正常工作。

Answer 2

对于任何使用Visual Studio并继续解决上述问题的人（我在最后一小时左右在同一条船上，并且上面批准的答案对我不起作用），我d建议抓住Web Essentials extension。

它允许将LESS文件即时编译为缩小的CSS，只要它们以与SimpLESS相同的方式保存。没有关于编码，行结尾或其他任何内容的投诉！

Answer 3

对于Visual Studio中使用的所有.less文件，您需要更改UTF编码....

档案＆gt;高级保存选项...
    将“编码”设置为“Unicode（UTF-8无签名） - 代码页65001

执行此操作后，Simpless编译器将适用于您的文件。

Answer 4

如果您使用的是Visual Studio，请确保您没有意外地将包含的文件添加到编译列表中。检查compilerconfig.json并确保您没有尝试编译主SASS文件和包含的文件。