LESS styling not working

Question

I am using style.less in my page for testing purpose but when i run it in browser using file protocol I am getting below exception

XMLHttpRequest cannot load file:///C:/Users/Desktop/Web/less_sample/style/style.less. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.

but when i run the same in localhost it is working. can somebody explain why it is so even though i have less.jsin both the case? thanks in advance.

You have to convert to CSS file. The browser not read css preprocessor files. Edit: "In both case" sorry. Maybe problem is in the `file:///`. — Mardzis, Jan 20 '15 at 12:32
less.js allows browser/client side compiling of the less file — atmd, Jan 20 '15 at 12:34
See http://stackoverflow.com/questions/3084892; http://stackoverflow.com/questions/18529733 — seven-phases-max, Jan 20 '15 at 12:38

score 1 · Accepted Answer · answered Jan 20 '15 at 12:33

1

Less requires to be running on a server to work. So when you are accessing it through the file:// protocol, it can not be processed. Using localhost means you are accessing it through the local server, and therefore the files can be processed.

answered Jan 20 '15 at 12:33

rwacarter

1,915
1
14
25

score 0 · Answer 2 · answered Jan 20 '15 at 12:33

0

The error says it all

When you are using localhost, you are using http:// and not file://

answered Jan 20 '15 at 12:33

atmd

7,430
2
33
64

LESS styling not working

2 Answers2