Weniger v2 nicht kompilieren von Twitter Bootstrap 2.x

Beim kompilieren von Twitter Bootstrap 2.3.2. mit Weniger 2 fand ich folgenden Fehler:

NameError: #grid > .core > .span is undefined in /home/bootstrap-2.3.2/less/navbar.less on line 199, column 3:
198 .navbar-fixed-bottom .container {
199   #grid > .core > .span(@gridColumns);
200 }

Wie kann ich dieses Problem beheben?

InformationsquelleAutor Bass Jobsen | 2014-10-29

59

Konnte ich den Fehler vermeiden, ohne änderung der Bootstrap-Dateien durch die Schaffung einer neuen mixin, die geladen, nachdem der Bootstrap Mixins in Verbindung:
```
#grid {
    .core  {
        .span(@gridColumns) {
            width: (@gridColumnWidth * @gridColumns) + (@gridGutterWidth * (@gridColumns - 1));
        }
    }
};
```
War das besser für uns, da wir vermeiden patchen contrib-Pakete.
- Ich bevorzuge diese Lösung, da in meinem Projekt Bootstrap 2 ist im CMS-und dist-Dateien theoretisch könnten überschrieben werden mit dem update.
- Sie sollten nie ändern Sie die Quell-Dateien von externen libs/Pakete. Deshalb sollte man diese Lösung verwenden.
- Tut mir Leid aber ich verstehe nicht, warum diese Lösung funktioniert (aber es funktionierte für mich). In meinem Verständnis, hinzufügen dieses mixin nach Bootstrap ist, sollte man nicht verhindern, dass Bootstrap ist eine Zusammenstellung von Versagen, da ist es passiert, vor. Es sei denn, ich bin fehlt etwas in der Art, less-Dateien kompiliert werden?
InformationsquelleAutor Marc Robichaud

In der less/navbar.less Datei:

Ersetzen:

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  #grid > .core > .span(@gridColumns);
}

Mit:

.navbar-static-top .container,  
.navbar-fixed-top .container,
.navbar-fixed-bottom .container { 
width: (@gridColumnWidth * @gridColumns) + (@gridGutterWidth * (@gridColumns - 1));
}

Siehe auch: Überschreiben von Klassen-Definitionen mit Weniger

Ich sehe, dass .navbar-static-top .container, ist in der "Ersetzen" - Abschnitt, aber nicht die "Mit" Abschnitt. War das Absicht?
danke es sollte auch die ersetzen
Danke!!! Es spart mir einen Tag!

InformationsquelleAutor Bass Jobsen

3

Gibt es keine Notwendigkeit, um die Formatvorlage zu Bearbeiten.

Nur npm install [email protected] und Sie haben eine lokale (innerhalb des Ordners) kopieren der neuesten weniger v1, die kompiliert bootstrap v2.3.2 korrekt, wenn Sie Sie ausführen node_modules/less/bin/lessc source.less output.css.
- Nicht ganz. Die letzten Weniger-version, die kompatibel ist mit BS2 ist 1.3.3. Beachten Sie, dass neben dem schmutzigen grid code, BS2 verwendet auch veraltete selector interpolation syntax.
- Sind Sie sicher? Ich heruntergeladen habe, gerade jetzt einen frischen bootstrap 2.3.2 und eine frische weniger 1.7.5. Es kompiliert bootstrap-mit keine Fehler. Ich Las die Frage, die Sie verknüpft, sind es vielleicht andere updates in einem der zwei Pakete, die Sie jetzt machen dies möglich?
- Ah, ja, mein Fehler, BS v2.3.x hat dies bereits behoben. (Noch, da die Frage ist, über Weniger v2, das ist der trick der Installation der älteren version nicht klingt wie eine Antwort).
- Ja, die Frage ist weniger v2, aber das problem des OP (und wer landet hier, wie ich vorher) zu lösen muss ist das kompilieren des Codes. Ich denke, dies ist tatsächlich eine Lösung, wenn Sie nicht müssen weniger v2, da Sie sich nicht ändern eine einzige Zeile code. Beispiel aus der Praxis: ich hatte dieses problem beim Update der alten code, wo ich es verwendet bootstrap Mixins in Verbindung, die in meinem Stil. Die akzeptierte Lösung war nicht gut für meine situation. Das andere war, aber ich fand Sie einfacher zu verwenden eine ältere compiler, die war, die ursprünglich für das Projekt verwendet wird, statt das hinzufügen von code. Ich denke, es ist eine gute Lösung in einigen Fällen.
- Immer noch mit Bootstrap 2.3.2 für eine Website hier. Zusammengestellt fein nach der Herabstufung auf weniger 1.7.5. Kurz gesagt: deinstallieren npm uninstall -g less installieren npm install -g [email protected].
InformationsquelleAutor Piero Nicolli

Hier ist ein patch, der sollte es tun, für v2.0.3 von bootstrap und lessc 3.10.3:

--- a/bootstrap/less/mixins.less
+++ b/bootstrap/less/mixins.less
@@ -530,16 +530,16 @@
 //The Grid
 #grid {

-  .core (@gridColumnWidth, @gridGutterWidth) {
+  .core (@gridColumnWidth: @gridColumnWidth, @gridGutterWidth: @gutterColumnWidth) {

     .spanX (@index) when (@index > 0) {
-      (~".span@{index}") { .span(@index); }
+      .span@{index} { .span(@index); }
       .spanX(@index - 1);
     }
     .spanX (0) {}

     .offsetX (@index) when (@index > 0) {
-      (~".offset@{index}") { .offset(@index); }
+      .offset@{index} { .offset(@index); }
       .offsetX(@index - 1);
     }
     .offsetX (0) {}
@@ -576,7 +576,7 @@
   .fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {

     .spanX (@index) when (@index > 0) {
-      (~".span@{index}") { .span(@index); }
+      .span@{index} { .span(@index); }
       .spanX(@index - 1);
     }
     .spanX (0) {}
@@ -608,7 +608,7 @@
   .input(@gridColumnWidth, @gridGutterWidth) {

     .spanX (@index) when (@index > 0) {
-      (~"input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index}") { .span(@index); }
+      input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index} { .span(@index); }
       .spanX(@index - 1);
     }
     .spanX (0) {}

InformationsquelleAutor DylanYoung

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.