为什么 LESS css 在 localhost 上不起作用答案

【问题标题】：Why LESS css does not work on localhost为什么 LESS css 在 localhost 上不起作用
【发布时间】：2013-08-06 02:21:04
【问题描述】：

根据tutorial，我的 less 代码应该可以工作，但不能。

你能帮我让我的less css工作吗？

现在它不起作用 - 页面加载时没有应用样式。我做错了什么？

错误是：

FileError: 'localhost:1/styles.less' was not found (404) in styles.less

但它在根目录中吗？

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

少

@color: red;

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

【问题讨论】：

查看chrome开发者工具，确保less/js确实被加载了
点击 styles.less URL 时会发生什么？它会从 less 中渲染 css 吗？
-1，请修改此问题，以便将来有类似问题的流浪者有用。事实上，您的问题过于本地化（或者至少您的描述措辞过于笼统）。
我以为这是一个问答网站
Works as expected in plunker.

标签： html css localhost less

【解决方案1】：

在我的例子中，我在 ISS 上已经有了 .less 的 mimeType，所以我检查了我的网站的 Web.config 文件并删除了以下行，因为它导致了重复：

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

【讨论】：

【解决方案2】：

我使用的是 IIS 7.5，但这对于其他 IIS 版本可能是相同的：

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

【讨论】：

【解决方案3】：

我也遇到过这个问题。

上述修复均无效，但是当我检查了存储 less.css 文件的文件夹访问权限时，我确实设法修复了它。

添加 IUSR 用户对文件夹具有读取权限允许正确分发文件。

【讨论】：

【解决方案4】：

假设网站托管在 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" />

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

感谢大家的帮助 - 结果是我的 localhost 没有提供 mime 类型 .less

【讨论】：

要让您的 localhost 服务于 mime 类型，请更改文件：apache/conf/mime.types。找到css类型的那一行，加上less，像这样：text/css css less

【解决方案7】：

您的文件的源位置似乎不正确。

<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 文件。

【讨论】：

我将脚本放在一个名为“_”的文件夹中，其中包含所有内容。前几天我在一个例子中看到了它，我想试试看。感谢您的帮助，但来源是正确的。
啊这样啊...嗯，每个浏览器都有一个页面源（在 Firefox 上是 Ctrl + U）。在那里，您可以单击链接，也可以单击脚本。请点击它，看看它是否显示你的脚本文件的内容。