Menu
Looking at the quick start on the official site I wrote:
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;
}
both locally, and all I get is (from Google Chrome console):
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)
WORKAROUND:
This answer shows a way to overcome this:
$ google-chrome -allow-file-access-from-files
900
The less.js script currently doesn't work if you’re using Chrome and the path to your page starts with “file:///”.
There is also a SO question with the same info here: less.js not working in chrome
78
Another way is use script from CDN. For example: http://cdnjs.com/
For me this solve that problem.
21
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
