2013-08-12 16 views
10

sto cercando di imparare meno con l'aiuto di Essentials 2012. webMENO: ingresso non riconosciuto

fin dall'inizio, questo codice MENO:

@main-color: red; 

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

sta dando un errore di compilazione "MENO: Input non riconosciuto "e la compilazione si interrompe. Quando ho dichiarare la variabile @main-color all'interno della classe .mega-warning ambito tutto funziona:

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

Cosa mi manca?

+0

ha avuto un problema simile a quello di @ main-color = red, che non ha utilizzato: non sembra che il tuo codice abbia questo problema. –

+0

Ho avuto un problema simile con '@media (max-width: 20rem) // qualche commento qui \ n {'. Mettendo la parentesi aperta prima del commento risolto il problema. – Trevor

risposta

17

Sto lottando con lo stesso problema. Sembra che Web Essentials 2012 v2.9 per qualche motivo non sia molto contento dei file * .less che iniziano con la dichiarazione delle variabili. Ecco la mia soluzione:

html{} 

@main-color: red; 

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

cose Stranamente funzionano assolutamente bene quando si utilizza standalone lessc 1.4.2 del compilatore (che è incluso nel WE2012 2,9 come da changelog). Ho inviato una e-mail all'autore delle estensioni di Web Essentials e gli ho postato un link a questa domanda, quindi spero che lo affronti presto.

+0

Il problema è ancora presente con VS 2012 Update 4 e l'ultimo WE (per il momento). Questo è abbastanza cattivo :(. – Den

1

Prova questo Dove avete aggiunto riferimento a meno di file:

rel="stylesheet/less" 

Con questo riferimento sarà simile

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

Scarica less.js e aggiungere il tag <script> riferimento nel <head> . Il css <link> dovrebbe arrivare prima dello <script>.

+0

Non sto aggiungendo un riferimento al file meno, il plugin di Web Essentials genera un file css sul lato server ed è da lì che il problema arriva. Mi piacerebbe evitare la preelaborazione lato client. – Dante

0

ho avuto questo problema in Essentials/Web VS 2013. La mia difficoltà è stato quello di ricreare il file .less utilizzando un modello. Inizialmente avevo appena cambiato l'estensione da .css a .less, ma a quanto pare non funziona. Quindi utilizzare il modello di Visual Studio per un file .less.

Non sono sicuro che il modello .less sia stato fornito con Web Essentials o potrebbe essere incluso nel pacchetto modello SideWaffle.