无法让 less.js 工作答案

【问题标题】：Can't get less.js to work无法让 less.js 工作
【发布时间】：2011-09-16 08:44:44
【问题描述】：

我无法让 less.js 工作，我也不知道为什么。这是我尝试过的 HTML：

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8" />

        <!-- CSS -->
        <link rel="stylesheet/less"  href="main.less" />

        <!-- Javascript -->
        <!-- <script src="http://lesscss.googlecode.com/files/less-1.0.18.min.js"></script> -->
        <script src="less-1.0.18.min.js" type="text/javascript"></script>

    </head>
    <body>
        <p>
            Lorum ipsum
        </p>
    </body>
</html>

这是 main.less：

p {
    color: blue;
}

less-1.0.18.min.js 文件是从http://lesscss.googlecode.com/files/less-1.0.18.min.js 下载的。所有文件都在同一个文件夹中。我不知道为什么这不起作用...

在 Chrome 12.0.742.100 中测试

编辑

尝试了最新的 less.js 文件 (less-1.1.3.min.js)。那个也没用。

好的……

这行得通：

<link rel="stylesheet" type="text/less" href="main.less" />

但只是作为普通的 css，同样是特定的标记。

这根本不起作用：

<link rel="stylesheet/less" type="text/less" href="main.less" />

另外，这不起作用：

<link rel="stylesheet/less" type="text/css" href="main.less" />

什么鬼？如何减少工作量？

发现错误

附言如果您使用的是 Chrome，并且由于已知的 Chrome 问题，您的页面路径以“file:///”开头，Less.js 浏览器脚本目前将无法运行。

Soruce

【问题讨论】：

好问题。我有同样的疑问！！！！但我仍在寻找解决方案。
@knarf：你的问题解决了我的问题，以前我没有在链接标签中使用 type="text/less"，因此我的 less 文件在 Firefox 中不起作用。但现在它的工作。感谢您提出这个问题。

标签： css less

【解决方案1】：

需要补充

type="text/css"

到您的 css 链接。

【讨论】：

@petah 再猜一次。 net.tutsplus.com/tutorials/html-css-techniques/…fadeyev.net/2010/06/19/lessjs-will-obsolete-css
正确：<link rel="stylesheet/less" href="main.less" /> - 我几乎想赞成这个错误的答案，因为它让我检查我的代码并发现我错过了rel="stylesheet/less"

【解决方案2】：

P.S.S.如果您正在使用 Less.js 浏览器脚本，目前将无法使用 Chrome 和您页面的路径以“file:///”开头，因为已知 Chrome 问题。

但我们可以做的是使用 wamp (pc) 或 mamap (mac) 设置本地测试环境。到时候就好了。

【讨论】：

在 Opera 版本 11.60 Build 1185 或 I.E. 8.6001。当我使用 Firefox 3.6.17 时，它工作得很好。
如果大多数浏览器都不支持这个库还有什么意义？

【解决方案3】：

尽管这是不久前发布的，但我想我会为其他坚持这一点的人添加一些东西。

如果您使用 Windows 机器，您可能想尝试一下 WinLess。它是windows的预编译器。似乎可以直接使用。祝你好运。 http://winless.org/

【讨论】：

【解决方案4】：

您可以在启动 chrome 时使用命令行开关 -allow-file-access-from-files - 它将允许 less.js 访问本地 less 文件。

【讨论】：

简单理想的方法:)