我试图在我的页面上实现.less,添加标记:
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.6.1/less.min.js"></script>
我已经在不同的页面上尝试了这个(所以没有内容相关),在页面顶部和页面底部尝试了它,也有机会在mac和windows上尝试它,但是我总是得到一个空白页面,当我删除它,它再次没问题,但我想开始使用它,我做错了什么?
CDN来源:http://lesscss.org
答案 0 :(得分:3)
问题是由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>