0

我有这个 html 代码：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet/less" type="text/css" href="1.less" />
    <script type="text/javascript" src="less-1.3.0.min.js"></script>


    <title></title>
</head>
<body>
    <div id="t1">t1</div>
    <div id="t2">t2</div>
</body>
</html>

这是1.less：

.transition {
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shadow {
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
    -moz-box-shadow: 0px 0px 10px #808080;
    -o-box-shadow: 0px 0px 10px #808080;
    -webkit-box-shadow: 0px 0px 10px #808080;
    box-shadow: 0px 0px 10px #808080;
}

    .shadow:hover {
        -moz-box-shadow: 0px 0px 10px #a5a5a5;
        -o-box-shadow: 0px 0px 10px #a5a5a5;
        -webkit-box-shadow: 0px 0px 10px #a5a5a5;
        box-shadow: 0px 0px 10px #a5a5a5;
    }


.radius {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

header {
    background-color: #e3ffe3;
}

#t1 {
    .shadow;
    .transition;
}

#t2 {
}

但风格不起作用，我不知道为什么。我使用了 chrome 的检查元素工具，发现了这个异常：

XMLHttpRequest cannot load file:///E:/Projects/Web/Less%20Learning/1.less. Cross origin requests are only supported for HTTP.
Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101

我不知道这是什么意思。我想知道如何解决我的问题。

4

2 回答 2

2

1.使用网络服务器

您需要实际运行一个网络服务器（wamp、nginx、apache），并向该服务器上的 URI 发出 get 请求，而不是向文件发出 GET 请求；例如更改行：

$.get("E:/Projects/Web/Less Learning/1.less",

阅读类似：

$.get("http://localhost/Projects/Web/Less Learning/1.less",

...还可以创建不带空格的文件名以便更好地组织，例如：

$.get("http://localhost/Projects/Web/assets/css/1.less",

并且初始请求页面也需要通过 HTTP 进行。

您可能还必须allow_url_include = On在 php.ini 中设置服务器配置 - 通常不是 nginx 等的情况。

2. 更干净的文件夹

代替Projects / Web / Less Learning

尝试，Projects / Web / Less

在里面：

 /projects/web/less/assets/css/less.less
 /projects/web/less/assets/css/css.css
 /projects/web/less/assets/js/less-1.3.0.min.js
 /projects/web/less/index.html
于 2012-08-28T08:37:11.170 回答
0

如果这个 .net 平台的 web 应用程序可以使用http://www.dotlesscss.org/。

于 2012-08-28T08:40:35.840 回答