LESS CSS 最小设置失败答案

【问题标题】：LESS CSS minimal setup failureLESS CSS 最小设置失败
【发布时间】：2011-12-18 01:00:21
【问题描述】：

查看我写的official site 上的快速入门：

less.html

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet/less" type="text/css" href="style.less" />
    <script src="less-1.1.3.min.js" type="text/javascript"></script>
  </head>
  <body>
    <h1>foo</h1>
  </body>
</html>

style.less

@color: red;

h1 {
  color: @color;
}

都是本地的，我得到的只是（来自 Google Chrome 控制台）：

XMLHttpRequest 无法加载 file:///home/cyrus/test/style.less。仅 HTTP 支持跨源请求。未捕获的错误：NETWORK_ERR：XMLHttpRequest 异常 101 r ○ n d.刷新（匿名函数）（匿名函数）

解决方法：

This answer 展示了一种克服此问题的方法：

$ google-chrome -allow-file-access-from-files

【问题讨论】：

在此提醒其他任何人：我在我的网络主机的网络服务器上遇到了同样的错误。它错误地发送空响应，因为 .less 文件/mime 类型未知。配置 Web 服务器以正确提供 .less 文件修复了它。（这不是跨域请求，所有.js/.less 文件都来自同一个文件夹。）

标签： javascript html css google-chrome less

【解决方案1】：

如果您使用的是 Chrome 并且页面路径以“file:///”开头，则 less.js 脚本目前无法运行。

这里还有一个带有相同信息的 SO 问题：less.js not working in chrome

【讨论】：

完全错过了，我在寻找错误的方向。是否有任何（轻量级）解决方法可以让它在本地工作？
我做了很多 Rails 开发，所以我使用pow 来服务我的网站（它可以服务于静态网站以及 Rails 网站）。这为“站点”提供了一个可以引用的域，并允许请求通过。基本上任何可以在本地为您的网站提供服务的东西都可以工作（即 apache、passenger、mamp）。
是的，但这些解决方案不是轻量级的（在我自己的情况下）。我可能会使用另一个浏览器进行本地开发。谢谢。
也许也不是轻量级的，但我使用node.js 和Connect library's .static() method 作为simple dev web server for static material 能够使用less.js（并避免任何其他潜在的file:/// 怪异）。

【解决方案2】：

在本地加载它的最佳方法是在 xampp 或 wamp 中运行本地站点，这可以解决所有这些问题。执行此操作时，您将不再收到这些错误。这将是解决此问题的最佳途径。

【讨论】：

【解决方案3】：

另一种方法是使用 CDN 中的脚本。例如：http://cdnjs.com/

对我来说，这解决了这个问题。

【讨论】：