加载less.min.js cdn会导致空白页面



我正试图通过添加标签在我的页面上实现.less:

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.6.1/less.min.js"></script>

我在不同的页面上尝试过(所以与内容无关),在页面顶部和底部尝试过,也有机会在mac和windows上尝试过,但我总是得到一个空白页面,当我删除它时,它又可以了,但我想开始使用它,我做错了什么?

CDN来源:http://lesscss.org

问题是由async选项设置为false引起的,这使得脚本在解析LESS文件时将display: none添加到<body>标记样式中。

如果页面上没有任何要解析的LESS文件,脚本将永远不会完成,因此永远不会删除display: none。要解决此问题,请在页面中添加LESS文件的一些链接,或者在加载脚本之前将async选项设置为true,如下所示:

    <script>
      less = {
        async: true
      };
    </script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.6.1/less.min.js"></script>