2016-04-20 9 views
3

Ich versuche .Weniger auf meiner Seite zu implementieren, durch Hinzufügen des tag:Laden less.min.js CDN Ergebnisse in leere Seite

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.6.1/less.min.js"></script>

ich dies auf verschiedenen Seiten versucht haben (so nicht inhaltlich), probierte es oben auf der Seite und am Ende der Seite, hatte auch die Möglichkeit, es auf Mac und Windows zu versuchen, aber ich bekomme immer eine leere Seite, wenn ich es entferne, ist es wieder in Ordnung, aber ich würde es gerne benutzen, was mache ich falsch?

CDN Quelle: http://lesscss.org

+0

Welche Seite hinzufügen Sie es? Da das Schema in der URL fehlt, wenn Sie dieses Skript in eine lokale HTML-Datei einfügen, lautet das Schema 'file: //', so dass der Browser 'file: ///cdnjs.cloudflare.com/ anfordert. ajax/libs/less.js/2.6.1/less.min.js' - Versuchen Sie, die URL mit 'http:' zu versehen und sehen Sie, ob das Problem dadurch gelöst wird. – Andy

+0

Ich füge das zu einer PHP-Datei außerhalb der Tags hinzu. Ich habe das // am Anfang der URL bemerkt, aber so wird es von lesscss.org geliefert, und ich habe versucht, http: oder https: davor mit dem gleichen Ergebnis hinzuzufügen. –

+0

Bitte bearbeiten Sie Ihre Frage zu zeigen, Ihre HTML/PHP mit dem Skript-Tag enthalten – Andy

Antwort

3

Das Problem, das von async Option verursacht wird auf false gesetzt, die das Skript display: none zum <body> Tag Styling hinzufügen macht, während die LESS-Dateien analysiert werden.

Ohne irgendwelche LESS-Dateien auf Ihrer Seite zu analysieren, wird das Skript nie beendet und entfernt daher nie die . Um das Problem zu beheben, entweder einige Links zu Ihren LESS-Dateien auf der Seite hinzufügen, oder setzen Sie die async Option true, bevor das Skript wie so geladen ist:

<script> 
     less = { 
     async: true 
     }; 
    </script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.6.1/less.min.js"></script> 
+0

Dank @Andy, das funktionierte wie ein Charme. Ich konnte keine Dokumentation zu dem Problem finden, aber das war genau richtig! –

+0

Ich konnte auch nicht viel in den Dokumenten finden, aber ich stellte eine Geige auf und bemerkte, dass keine Anzeige dem Körper hinzugefügt wurde, also suchte ich im Quellcode nach "display" und fand heraus, dass es das tat Die Async-Option ist auf "false" gesetzt. Ich denke die Tatsache, dass es die Anzeige nicht entfernt, wenn es keine LESS-Dateien in der Quelle gibt, ist ein Fehler. – Andy

+0

Ja, zumindest ein Ladesymbol oder ein Feedback, das dir sagt, was falsch ist, wäre in der Tat nett. Vielen Dank für deine schnelle Antwort, du hast meinen Tag gemacht. –