2013-08-12 12 views
10

Ich versuche, mit Hilfe von Web-Grundlagen weniger zu lernen 2012WENIGER: Unbekanntes Eingang

von Anfang an, das weniger Code:

@main-color: red; 

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

hält einen Compiler-Fehler „WENIGER: Unerkannte Eingabe "und die Kompilierung stoppt. Wenn ich die Variable @main-color innerhalb des .mega-warning Klassenbereich alles erklären funktioniert:

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

Was bin ich?

+0

hatte ein ähnliches Problem tun @ Hauptfarbe = rot Insead der Verwendung: sieht nicht aus wie Ihr Code hat dieses Problem tho. –

+0

Ich hatte ein ähnliches Problem mit @media (max-width: 20rem) // ein paar Kommentare hier \ n {'. Durch Setzen der öffnenden Klammer vor dem Kommentar wurde das Problem behoben. – Trevor

Antwort

17

Ich kämpfe mit dem gleichen Problem. Sieht aus wie Web Essentials 2012 v2.9 aus irgendeinem Grund ist nicht sehr glücklich über * .less Dateien beginnend mit Variablendeklaration. Hier ist meine Abhilfe:

html{} 

@main-color: red; 

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

Merkwürdiger Dinge funktionieren absolut in Ordnung, wenn Standalone mit lessc 1.4.2 Compiler (die in enthalten ist WE2012 2.9 als pro changelog). Ich habe eine E-Mail an den Autor der Web Essentials-Erweiterungen gesendet und ihm einen Link zu dieser Frage geschickt, damit er sich hoffentlich bald damit befassen wird.

+0

Das Problem ist immer noch mit VS 2012 Update 4 und neuesten WE (momentan). Das ist ziemlich schlimm :(. – Den

1

Try this Wo Sie Verweis auf weniger Datei hinzugefügt haben:

rel="stylesheet/less" 

Damit Ihre Referenz wie

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

Herunterladen less.js und fügen Sie den <script> Tag aussehen wird es in der <head> Referenzierung . Die css <link> sollte vor der <script> kommen.

+0

Ich füge keinen Verweis auf die less-Datei hinzu, das Web Essentials-Plugin generiert eine CSS-Datei auf der Serverseite und von dort kommt das Problem. Ich möchte die clientseitige Vorverarbeitung vermeiden. – Dante

0

Ich hatte dieses Problem in VS/Web Essentials-2013 Meine fix die .less Datei mit einer Vorlage erstellen war. Ich hatte ursprünglich nur die Erweiterung von .css zu geändert, aber anscheinend funktioniert das nicht. Verwenden Sie stattdessen die Visual Studio-Vorlage für eine .less-Datei.

Ich bin nicht positiv, wo die .less Vorlage kam, aber es könnte mit Web Essentials gekommen sein, oder es kann in der Vorlage Pack kommen.