Ответ 1
В настоящее время less.js script не работает, если вы используете Chrome, а путь к вашей странице начинается с "file:///".
Существует также вопрос SO с той же информацией: less.js не работает в chrome
Глядя на быстрый старт на официальном сайте Я написал:
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>
style.less
@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
В настоящее время less.js script не работает, если вы используете Chrome, а путь к вашей странице начинается с "file:///".
Существует также вопрос SO с той же информацией: less.js не работает в chrome
Другим способом является использование script из CDN. Например: http://cdnjs.com/
Для меня это решает эту проблему.
Лучший способ загрузить это локально - запустить локальный сайт в xampp или wamp, который обойдет все это. При этом вы больше не будете получать эти ошибки. Это будет лучший путь для этой проблемы.