LESS 文件未加载 (404)答案

【问题标题】：LESS file does not load (404)LESS 文件未加载 (404)
【发布时间】：2011-07-31 13:11:34
【问题描述】：

我使用的是 IIS 7.5，但无法加载 less 文件，因为它给出了 404 错误。

HTML：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Less Tutorial</title>
        <link rel="stylesheet/less" href="style.less" />
        <script src="less-1.0.41.min.js"></script>
    </head>
    <body>        
        <div id="container">
            <a href="#">My Anchor</a>
        </div>
    </body>
</html>

少：

@primary_color: green;

#container {
    width: 200px;
    height: 200px;
    background: @primary_color;
}

【问题讨论】：

标签： iis http-status-code-404 less

【解决方案1】：

这是一个很好的视频教程，可以帮助您入门 -> http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-you-need-to-check-out-less-js/

编辑：不是真正的修复，而是一个小提示。在打开样式标签或链接到链接标签中的样式表时，请始终添加type="text/css"。

【讨论】：

我无法加载 style.less
无法加载 style.less 是什么意思？你的意思是什么都没有改变，或者你不知道如何加载它？
给我一个错误，比如文件不存在。我将使用我正在使用的代码和相应的错误来编辑我的问题。
调用 .less 样式表的文件路径是什么？
所有文件都在以下目录：C:\inetpub\wwwroot\less

【解决方案2】：

使用 webmatrix 时，转到 "Documents\IISExpress\config" 打开 "applicationhost.config" 并添加行 mimeMap fileExtension=".less" mimeType="text/css" 在“staticContent”部分下。希望这会有所帮助。

【讨论】：

我已经这样做了，但问题仍然没有解决。配置文件部分如下：code code
@AKS staticContent 标签已经存在，带有许多 mimeMap 标签只需搜索它并添加

【解决方案3】：

使用 Asp.Net 时，您可以在 web.config 中添加 mime 类型：

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

【讨论】：

@Marthijn：因为当使用 set text/less 时，IIS 可以阻止将文件发送到浏览器并显示以下信息：“资源无法显示，因为您的浏览器不接受文件扩展名”。
这可以使用 Diogo 的解决方案在服务器本身上完成。如果您只是在 localhost 上运行某些东西而不通过 IIS，这是快速修复
是的，我尝试在 Web.Config 上手动添加它，但没有成功，通过 IIS 管理器上的处理程序我可以添加它并且工作得很好。 *.less 类型为 dotless.Core.LessCssHttpHandler,dotless.Core 名称 dotless。
@Felype 我认为您正在尝试做不同的事情。这里的问题是关于提供 .less 文件，而不是执行处理程序以将 less 编译为 css。
浏览器样式表无法正确解释普通的 .less 文件。除非他声明诸如服务 CDN 或静态之类的东西，否则我确信他的意图是将 Less 文件作为其内容的样式，而不是静态纯文本内容。但我认为这只是我的理解和你的理解之间的一种冲击，没有任何私人关系。

【解决方案4】：

在我的 MVC 5 应用程序中，我尝试了许多这些方法，但都无法解决问题。最终，我为 VS 2013 安装了 Web Essentials，并利用了内置的 LESS 编译器。每次保存 LESS 文件时，它都会生成相应的 CSS。在我的布局中，我只是指向 CSS 文件并解决了我的问题。

【讨论】：

谢谢...这也适用于 VS 2017...请注意，保存文件不会自动编译它。相反，您必须右键单击它，然后从上下文菜单中选择编译文件。

【解决方案5】：

我现在多次遇到此错误，尽管添加了 mime 类型，但我一遍又一遍地遇到相同的错误。

然后我发现添加 mime 类型只是修复了 406 错误代码，而不是 404。我认为它与特权有关。

因此尝试以管理员身份打开文件（如notepad.exe -> run as Administrator）并用自身覆盖文件。这对我有用。

【讨论】：