Question

快速了解我写的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;
}

本地，我得到的是（来自谷歌Chrome控制台）：

XMLHttpRequest cannot load file:///home/cyrus/test/style.less. Cross origin requests are only supported for HTTP.
Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101
    r
    o
    n
    d.refresh
    (anonymous function)
    (anonymous function)

解决方法：

This answer显示了解决此问题的方法：

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

Answer 1

如果您使用Chrome并且页面路径以“file：///”开头，则less.js脚本目前无效。

此处还有一个SO问题，其中包含相同的信息：less.js not working in chrome

Answer 2

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

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

Answer 3

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

CSS最小化设置失败

3 个答案: