Question

<head>
    <!-- Meta / Boilerplate Stuff -->
    <meta charset="UTF-8">
    <title>Hey</title>
    <!-- END Meta / Boilerplate Stuff -->

    <!--   LESS + CSS links   -->
    <link rel="stylesheet/less" type="text/css" href="/resource/css/style.less">
    <!-- END LESS + CSS links -->

    <!--   Imported JavaScript  -->
    <script type="text/javascript">
        // Dev-environment only LESS debugging object
        less = {
            env: "development",
            dumpLineNumbers: "all"
        };
    </script>
    <script type="text/javascript" href="/resource/js/imports/less.min.js"></script>
    <script type="text/javascript" href="/resource/js/imports/jquery.min.js"></script>
    <!-- END Imported JavaScript -->

    <!--   In-house JavaScript   -->
    <script type="text/javascript" href="/resource/js/custom.js"></script>
    <!-- END In-house JavaScript -->
</head>

这是我的头元素和网址：http://boilerplate.samstil.es/

我没有编译，我不能为我的生活找出原因。我没有在控制台中获得任何404.

Answer 1

LESS不喜欢-webkit-linear-gradient和（在垂直渐变和水平渐变mixins中）之间的空间。你在哪里：

background-image : -webkit-linear-gradient (left, @startColor, @endColor);

你应该

background-image : -webkit-linear-gradient(left, @startColor, @endColor);

确保使用其他background-image选项执行此操作。我使用在线较少的编译器测试了这个，可以在http://winless.org/online-less-compiler

获得

希望这有帮助！

为什么我的LESS不能编译？

1 个答案: