Less not compiling to CSS

Question

I am using less.js to compile less on the fly. Here's a sample of my markup:

<html>
    <head>
        <link rel="stylesheet/less" href="sample.less" type="text/css" />
        <script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.7.4/less.min.js"></script>
    </head>
    <body>
        <div class="box">
            abcd
        </div>
    </body>
</html>

It is not compiling less into CSS:

screenshot showing undesired results

I've been using Prepros and I love it. http://alphapixels.com/prepros/ — DeFeNdog, Sep 05 '14 at 18:37
possible duplicate of [less.js not working in chrome](http://stackoverflow.com/questions/3084892/less-js-not-working-in-chrome) — Ulrich Thomas Gabor, Sep 05 '14 at 18:41

score -1 · Answer 1 · answered Sep 05 '14 at 21:52

-1

In order to compile LESS to CSS, you should use lessc command in terminal if you're not using any task managers.

Navigate to your directory on terminal and type this command.

$ lessc path/styles.less > path/styles.css

Once this is run, refresh your browser. LESS should be converted to CSS.

Please follow http://lesscss.org/ under using "Using LESS"

answered Sep 05 '14 at 21:52

JJ Kim

47
2

The very first line of the question: "I am using less.js to compile less on the fly"... – André Dion Aug 17 '16 at 12:16

score -1 · Answer 2 · answered Aug 17 '16 at 12:15

-1

There are two ways to fix this

1] Use Firefox instead of chrome as this is a known issue for chrome.

2]Run your files on any server like Apache,IIS.

answered Aug 17 '16 at 12:15

kapil

1,710
1
15
12

Less not compiling to CSS

2 Answers2