2013-08-12 15 views
10

Próbuję dowiedzieć się mniej z pomocą Web Essentials 2012.MNIEJ: Nierozpoznany wejście

od samego początku, to mniej kodu:

@main-color: red; 

.mega-warning { 
    font-size: 24px; 
    color: @main-color; 
} 

daje błąd kompilacji „mniej: Nierozpoznane wejście "i kompilacja zatrzymuje się. Kiedy zadeklarować zmienna @main-color wewnątrz .mega-warning klasy zakres wszystko działa:

.mega-warning { 
    @main-color: red; 
    font-size: 24px; 
    color: @main-color; 
} 

Czego mi brakuje?

+0

Podobny problem powodował, że @ main-color = red nie był używany: nie wygląda na to, że twój kod ma ten problem. –

+0

Miałem podobny problem z '@media (max-width: 20rem) // komentarz tutaj \ n {'. Umieszczenie nawiasu otwierającego przed komentarzem rozwiązało problem. – Trevor

Odpowiedz

17

Walczę z tym samym problemem. Wygląda na to, że Web Essentials 2012 v2.9 z jakiegoś powodu nie jest zadowolony z plików * .less rozpoczynających się od deklaracji zmiennych. Oto mój obejście:

html{} 

@main-color: red; 

.mega-warning { 
    font-size: 24px; 
    color: @main-color; 
} 

dziwo wszystko działa absolutnie w porządku przy użyciu oddzielnego lessc 1.4.2 kompilatora (który jest zawarty w WE2012 2.9 zgodnie changelog). Wysłałem e-mail do autora rozszerzeń Web Essentials i wysłałem mu link do tego pytania, więc mam nadzieję, że wkrótce się do niego odezwie.

+0

Problem nadal występuje w VS 2012 Update 4 i najnowszym WE (na razie). To bardzo źle :(. – Den

1

Spróbuj tego gdzie masz dodaje odniesienie do mniejszego pliku:

rel="stylesheet/less" 

Z to odniesienie będzie wyglądać

<link rel="stylesheet/less" type="text/css" href="styles.less" /> 

less.js pobierania i dodać tag <script> odsyłania go w <head> . Css <link> powinien pojawić się przed <script>.

+0

Nie dodaję odwołania do pliku less, wtyczka Web Essentials generuje plik css po stronie serwera i stąd pochodzi problem. Chciałbym uniknąć wstępnego przetwarzania po stronie klienta. – Dante

0

miałem tego problemu w VS Essentials/Web 2013. Mój dylemat było odtworzyć plik .less przy użyciu szablonu. Pierwotnie właśnie zmieniłem rozszerzenie z .css na .less, ale najwyraźniej to nie działa. Dlatego użyj szablonu Visual Studio dla pliku .less.

Nie jestem pewny, skąd wziął się ten szablon .less, mógł on pochodzić z Web Essentials, lub prawdopodobnie był w zestawie szablonów SideWaffle.