[LESS] Less error – ‘less Failed to execute ‘send’ on ‘XMLHttpRequest’을 anvil로 해결하기

개인 프로젝트에 less를 사용하려고 아래 cdn 소스를 한 줄 추가하였다.

<br /><a href="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js">https://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js</a>

(이렇게 처음 설치 과정이 SASS보다 편하다 한다)

그런데 less가 이런 에러를 내며 동작하지 않는 것이었다.

<br />less Failed to execute 'send' on 'XMLHttpRequest

찾아보니 크롬에서 file:///...처럼 그저 html 파일을 열어선 less 컴파일이 동작하지 않는다 한다.

The less.js script currently doesn’t work if you’re using Chrome and the path to your page starts with “file:///”.

몇 가지 우회 방법이 있는데, 난 anvil로 돌려서 해결했다.

예전에 TIL(Today I learn)이라는 개인 위키 리포지토리를 쉽게 접근할 때 쓰던 anvil이었는데, 막상 다른 프로젝트에선 활발히 쓰고 있지 않았었네.

anvil은 pow를 GUI로 돌리게 해주는 툴인데,

프로젝트 경로를 추가해두면 다음부터 anvil을 on하고 http://food-todo.dev/와 같은 경로만 입력하면 local 프로젝트들을 쉽게 켤 수 있다.

설치 방법은 아웃사이더님 블로그 참고.