2017-10-09 1 views
0

Ich möchte die einige Skripte machen, aber es scheint, sie sind nicht in meiner Jade-Datei geladen, obwohl der Block InhaltScripts nicht in Jade Laden

Hier geladen wird ist der Code:

script(type='text/javascript' src="https://www.gstatic.com/firebasejs/4.5.0/firebase.js") 

script(type='text/javascript' src="/../scripts/main.js") 
extends layout 

block content 
    h1= title 
    p Welcome to #{title} 
+0

Haben Sie Ihre Registerkarte 'DevTools' =>' Network'' inspiziert und sichergestellt, dass für diese Skripteinschlüsse '404' Fehler angezeigt werden? –

+0

Ja, es ist nicht einmal eine Anfrage für die Datei –

+0

Haben Sie Ihre 'Skript' Deklarationen unter' Kopf' behalten? –

Antwort

1

Sie werden Stellen Sie Ihre script Tags unter head Block in Ihre Jade Vorlagen.

Ihr Code sollte wie folgt aussehen,

extends layout 
    append head 
    script(type='text/javascript' src="https://www.gstatic.com/firebasejs/4.5.0/firebase.js") 

    script(type='text/javascript' src="/../scripts/main.js") 

    block content 
     h1= title 
     p Welcome to #{title} 

hoffe, das hilft!

+0

Sind Sie sicher, dass es keinen Fehler werfen würde? Weil ich denke, dass dies eine Kind-Vorlage ist, sollte es nur 'Block's definieren. https://pugjs.org/language/inheritance.html#common-mistakes –

+0

@MohitBhardwaj Mein Schlechter, das habe ich nicht bemerkt .. In diesem Fall sollten wir das 'append head' Schlüsselwort verwenden (wenn ich nicht bin falsch). –

+0

Ja, ich denke, entweder müssen wir die Skripte in die Elternvorlage, d. H. Layout.pug, in diesem Fall einfügen. Oder wenn das aus irgendeinem Grund nicht gewünscht ist, können wir sie in "block content" einfügen, oder indem wir einen anderen Block erstellen, so etwas wie 'block footer' usw. –