2017-09-05 1 views
1

Ich mache eine Anwendung, in der die Sidebar-Navigation auf allen Seiten bleibt. Anstatt Inhalt zu duplizieren, möchte ich die Navigation in der Layout-Datei vornehmen und sie in anderen Jade-Dateien verwenden.Jade Template Engine Fehler bei der Verwendung eines Layouts

Hier ist die layout.pug Datei:

html 
head 
    meta(charset='utf-8') 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    link(rel='stylesheet', href='/stylesheets/bootstrap.min.css') 
    title= title 
body 
    #wrapper 
     #sidebar-wrapper 
      ul.sidebar-nav 
       li.sidebar-brand 
        a(href="#") LMS 
       li 
        a(href="#") Dashboard 
       li 
        a(href="#") Search 
       li 
        a(href="#") Issue 
    block dashboard 

und hier ist meine index.pug Datei:

extends layout 
block dashboard 
    p Welcome to express 

Der Router Datei ist Standard und macht die Indexdatei. Aber wenn ich versuche, die Anwendung im Browser zu laden, erhalte ich diesen Fehler.

GET/500 241.336 ms - 1178 
Error: C:\Users\Faisal\Desktop\LMS\views\error.pug:3 

Unexpected block content 
at makeError (C:\Users\Faisal\Desktop\LMS\node_modules\pug-error\index.js:32:13) 
at error (C:\Users\Faisal\Desktop\LMS\node_modules\pug-linker\index.js:7:30) 
at C:\Users\Faisal\Desktop\LMS\node_modules\pug-linker\index.js:47:9 
at Array.forEach (<anonymous>) 
at link (C:\Users\Faisal\Desktop\LMS\node_modules\pug-linker\index.js:45:20) 
at compileBody (C:\Users\Faisal\Desktop\LMS\node_modules\pug\lib\index.js:171:9) 
at Object.exports.compile (C:\Users\Faisal\Desktop\LMS\node_modules\pug\lib\index.js:243:16) 
at handleTemplateCache (C:\Users\Faisal\Desktop\LMS\node_modules\pug\lib\index.js:216:25) 
at Object.exports.renderFile (C:\Users\Faisal\Desktop\LMS\node_modules\pug\lib\index.js:428:10) 
at Object.exports.renderFile (C:\Users\Faisal\Desktop\LMS\node_modules\pug\lib\index.js:418:21) 

Dieser Fehlercode ist ziemlich zweideutig und ich kann nicht herausfinden, was mit meinem Code falsch ist.

EDIT 1: Hier ist error.pug

extends layout 
block content 
h1= message 
h2= error.status 
pre #{error.stack} 
+0

JADE enthüllt werden wird PUG genannt now..can Sie Ihre error.pug posten. Ich denke, das Problem ist da..on line 3 – ojf

+1

Fehler in 'error.pug' Datei, fügen Sie bitte diesen Inhalt der Frage hinzu. – alexmac

+0

@ojf Ich benutzte Express, um die grundlegenden Dateien und Verzeichnisse zu generieren, so error.pug wurde für mich generiert. –

Antwort

0

Was hier geschieht ist Ihre Route einen Fehler wirft und dann Fehlerseite auch einen Fehler zu werfen, wenn zu machen versucht. Ändern error.pug Linie 2

block dashboard 

Statt

block content 

zu lesen und die tatsächliche Fehler

+0

Also habe ich diese Änderung gemacht und ein weiterer Fehler bezüglich des Einrückens kam, fixierte den Einzug und nun erscheint die Navigation korrekt. Aber es überschneidet sich mit dem Inhalt von index.pug. Es hängt mit CSS zusammen, oder? Weil ich möchte alles andere als layout.pug neben der Navigation statt darunter erscheinen. S.: Ich habe eine Sidebar-Navigationsvorlage aus dem Internet kopiert. –

+0

Starten Sie eine neue Frage Mate. :) – ojf

Verwandte Themen