为什么LESS css不能在localhost上运行

时间:2013-08-05 11:33:07

标签: html css localhost less

根据这个tutorial,我的代码应该少,但事实并非如此。

你能不能帮助我减少工作量。

现在它无法正常工作 - 没有应用样式的页面加载。我做错了什么?

错误是:

FileError:找不到样式中的'localhost:1 / 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;
}

7 个答案:

答案 0 :(得分:11)

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

答案 1 :(得分:11)

假设网站通过iis express托管,请打开文件

C:\用户\\文档\ IISExpress \配置\对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" />

答案 2 :(得分:4)

感谢大家的帮助 - 结果是答案是我的localhost没有提供mime类型。无。

答案 3 :(得分:1)

我也遇到过这个问题。

上述修复都没有奏效,但是当我检查存储了less.css文件的文件夹访问时,我确实设法修复了它。

添加IUSR用户以获得对该文件夹的读取权限,允许正确分发文件。

答案 4 :(得分: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文件。

答案 5 :(得分:0)

我正在使用IIS 7.5,但对于其他IIS版本,这可能是相同的:

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

答案 6 :(得分:0)

在我的情况下,我在ISS上已经具有.less的mimeType,因此我检查了Web的Web.config文件,并删除了以下行,因为这会导致重复:

<mimeMap fileExtension=".less" mimeType="text/css" />
相关问题