Less没有显示出其错误信息。

19

在使用客户端编译 less 时,如果出现错误,Less 没有显示这些错误。它应该插入一些 HTML,但似乎并未这样做。Less 运行后页面上的 HTML 如下:

<html>
  <head>
  <link rel="stylesheet/less" type="text/css" href="/Content/less/all.less">
  <script src="/Content/js/libs/less-1.3.0.min.js" type="text/javascript"></script>
  <style type="text/css" media="screen" id="less:error-message">
   --SNIP--
  }</style>
  </head>
  <body>         
  </body>
</html>

正如您所看到的,生成的CSS错误更少,但HTML并没有改变。


产生错误的输入是什么?您能将输入简化到尽可能小以仍然生成错误吗? - sarnold
我并不是真的对错误本身感兴趣。我经常制造和修复这些错误。但是如果没有更少的提示告诉我它在哪里出错,调试错误变得相当困难。 - heneryville
你是在终端上运行 less 命令还是通过某个图形界面运行它,可能会丢弃标准错误输出?我很难相信一个不报告错误的工具会有第三或第四个用户... :) - sarnold
1
我正在使用Less的客户端编译。这是最酷的事情。我在其他项目中也使用过它,通常当出现错误时,它会将HTML注入到页面中。虽然不太适合生产环境,但非常适合开发。然而,由于某种原因,它现在没有这样做。 - heneryville
2个回答

41
在包含less.js之前,请添加以下脚本:

<script type="text/javascript">less = { env: 'development' };</script>

这告诉less.js,在我们仍在开发页面时,可以在浏览器中显示错误消息。


4
哦,你节省了我很多时间!这个功能有文档记录吗? - Dmytro
谢谢,这个帮了我大忙!我不记得以前需要做这个了,这是一个新的东西吗? - Mims H. Wright
@TestSubject528491 是的,它提到了它,但它没有说它做什么(尽管在你知道之后,这是相当明显的)。 - Belladonna

0
我对SCSS非常陌生,来到这篇帖子是为了了解SCSS与LESS的错误。我只想说非常感谢,提问的人是@heneryville。
<style type="text/css" media="screen" id="less:error-message">

还有谢谢你对此的回答。
<script type="text/javascript">less = { env: 'development' };</script>

非常感谢 @user1267519
现在我可以轻松地看到 SCSS 错误了:

enter image description here

现在我可以轻松解决错误。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接