为什么LESS CSS在本地主机上无法工作

4
根据这篇教程,我的less代码应该能工作,但实际并没有。
请您帮我使我的less css生效。
现在它无法工作——页面没有应用任何样式。我做错了什么?
错误信息如下:
文件错误:styles.less在styles.less中未找到(404),但是它在根目录里面,怎么回事呢? HTML
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title></title>
    <link rel="stylesheet/less" type="text/css" href="styles.less">
    <script src="_/script/less-1.4.1.min.js" type="text/javascript"></script>

</head>

<body>

    <div id="header">test</div>

    <h2>test h2</h2>

</body>

</html>

styles.less

LESS

@color: red;

#header {
    color: @color;
}
h2 {
    color: @color;
}

2
查看Chrome开发者工具,确保less/js已经加载。 - Tomer
当您访问styles.less URL时会发生什么?它会从less中呈现CSS吗? - Mikael Östberg
-1,请修改此问题,以便将来遇到类似问题的人能够从中受益。目前来看,您的问题过于局部化(或者至少您的描述措辞过于笼统)。 - jeremy
1
在plunker上按预期工作。 - Marcel Gwerder
谢谢,我之前不知道如何进行测试。这可能是在本地主机上使用火狐浏览器时出现的问题吗? - Hello-World
显示剩余2条评论
7个回答

11

假设网站托管在iis express上,请打开文件

C:\Users\\Documents\IISExpress\config\applicationhost.config

并搜索标记
<staticContent lockAttributes="isDocFooterFileName">

并将.less MIME添加如下:

<mimeMap fileExtension=".latex" mimeType="application/x-latex" />

<mimeMap fileExtension=".less" mimeType="text/css" />

<mimeMap fileExtension=".lit" mimeType="application/x-ms-reader" />


11

如果您使用的是IIS,您需要在IIS管理器中将“ .less”扩展名添加到MIME类型中。当您添加新的MIME类型时,输入“.less”作为扩展名,“text/css”作为MIME类型。


4
感谢大家的帮助——结果发现我的本地主机没有提供 .less 文件的 MIME 类型。

要让本地主机提供MIME类型,请更改文件:apache/conf/mime.types。找到带有CSS类型的行,并添加less,如下所示: text/css css less - Sérgio

1
我也遇到了这个问题。
尽管上述解决方法都没有奏效,但当我检查存储less.css文件的文件夹访问权限时,我成功地解决了它。
将IUSR用户添加为文件夹的读取权限后,文件就能正确分发了。

0
在我的情况下,我已经拥有了在ISS上使用.less的mimeType,因此我检查了我的网站的Web.config文件并删除了以下行,因为它导致了重复:
<mimeMap fileExtension=".less" mimeType="text/css" />

0

看起来你的文件源位置不正确。

<script src="_/script/less-1.4.1.min.js" type="text/javascript"></script>

我从来没见过 "_" 能用于导航。实际上,如果脚本文件夹与 HTML 页面在同一个目录中,那么

<script src="script/less-1.4.1.min.js" type="text/javascript"></script>

在您的页面上拥有一个可工作的JS文件应该就足够了。


我把脚本放在一个名为“_”的文件夹中,里面包含了所有需要的东西。前几天我看到一个示例,想试一试。感谢你的帮助,但源代码是正确的。 - Hello-World
哦,原来是这样...嗯,每个浏览器都有一个页面源代码(在Firefox中按Ctrl + U)。在那里,您可以单击链接,也可以单击脚本。请单击它并查看是否显示您的脚本文件的内容。 - KarelG

0

我正在使用IIS 7.5,但其他版本的IIS也可以适用:

必须将less的MIME类型添加到IIS中。但在我的情况下,我必须使用IIS管理器将其添加到“默认网站”,而不是我的应用程序,以便能够从浏览器加载less文件。


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