Не могу получить less.js для работы

Я не могу получить less.js для работы, и я понятия не имею, почему. Heres HTML, который я пробовал:

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8" />

        <!-- CSS -->
        <link rel="stylesheet/less"  href="main.less" />

        <!-- Javascript -->
        <!-- <script src="http://lesscss.googlecode.com/files/less-1.0.18.min.js"></script> -->
        <script src="less-1.0.18.min.js" type="text/javascript"></script>

    </head>
    <body>
        <p>
            Lorum ipsum
        </p>
    </body>
</html>

И heres main.less:

p {
    color: blue;
}

Файл less-1.0.18.min.js загружается из http://lesscss.googlecode.com/files/less-1.0.18.min.js. Все файлы находятся в одной папке. Я понятия не имею, почему это не работает...

Протестировано в Chrome 12.0.742.100

Edit

Пробовал файл less.js lates (less-1.1.3.min.js). Это тоже не сработало.

Теперь...

Это работает:

<link rel="stylesheet" type="text/less" href="main.less" />

Но только как нормальная css, не менее конкретная разметка.

Это не работает вообще:

<link rel="stylesheet/less" type="text/less" href="main.less" />

Кроме того, это не работает:

<link rel="stylesheet/less" type="text/css" href="main.less" />

Что, черт возьми? Как мне работать меньше?

Обнаружена ошибка

P.S.S. Браузер Less.js script в настоящее время не работает, если вы используете Chrome, и путь к вашей странице начинается с "file:///" из-за известной проблемы с Chrome.

Сорвать

Ответ 1

P.S.S. Less.js браузер script в настоящее время не работает, если вы используете Chrome и путь к вашей странице начинается с "file:///" из-за известного Проблема с Chrome.

Но мы можем создать локальную тестовую среду, используя wamp (pc) или mamap (mac). Тогда все будет хорошо.

Ответ 2

Вы можете использовать переключатель командной строки -allow-file-access-from-files при запуске chrome - это позволит less.js обращаться к локальным меньшим файлам.

Ответ 3

Несмотря на то, что это было опубликовано некоторое время назад, я думал, что добавлю кое-что для других людей, застрявших на этом.

Если вы используете машину Windows, вы можете попробовать WinLess. Его предварительный компилятор для окон. Кажется прямолинейным. Удачи. http://winless.org/

Ответ 4

Я рекомендую вам использовать скомпилированный файл LESS. Вы можете сделать это, например, в окнах с WinLess или SimpLESS.

Я использую winless. Он автоматически компилирует мои .css файлы, когда я сохраняю свой код.

Ответ 5

Я не считаю это хорошей идеей, чтобы ваши стили зависели от less.js. Почему бы не использовать компилятор вроде less.app и просто ссылку на скомпилированный файл css. Таким образом, вы получаете возможность писать меньше, без недостатка зависимости javascript.

Ответ 6

Необходимо добавить

тип = "текст/CSS"

к вашей ссылке css.

Ответ 7

если вы создаете сайт на localhost iss server.you добавьте эту строку на less.min.js

( "local.myresearch.com(ваш домен)" == a.location.hostname || "127.0.0.1" == a.location.hostname || "0.0.0.0" == a.location.hostname || "localhost" == a.location.hostname || a.location.port & a.location.port.length > 0 || b.isFileProtocol? "development": "производство" );