LESS CSS минимальная ошибка установки - PullRequest
17 голосов
/ 30 октября 2011

Глядя на быстрый старт на официальном сайте Я написал:

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>

.меньше

@color: red;

h1 {
  color: @color;
}

и локально, и все, что я получаю (с консоли Google 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)

ВОЗМОЖНОЕ РЕШЕНИЕ:

Этот ответ показывает способ преодоления этого:

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

Ответы [ 3 ]

17 голосов
/ 30 октября 2011

Сценарий less.js в настоящее время не работает, если вы используете Chrome, и путь к вашей странице начинается с «file: ///».

Существует также вопрос SO с тем жеинформация здесь: less.js не работает в Chrome

1 голос
/ 07 февраля 2013

Другой способ - использовать скрипт из CDN. Например: http://cdnjs.com/

Для меня это решит эту проблему.

0 голосов
/ 31 марта 2014

Лучший способ загрузить это локально - запустить локальный сайт в xampp или wamp, который обходит все это. Вы больше не будете получать эти ошибки при этом. Это будет лучший маршрут для этой проблемы.

...