Jade Einrückung Fehler

Also für meinen Express-Website, ich bin mit jade. Also habe ich beschlossen, zu versuchen, änderungen an der layout-Datei, damit ich anfangen kann die Gestaltung meiner Website. Ich veränderte die ursprünglichen layout-code (die funktioniert), aber ich habe immer Einrückung Fehler in irgendeiner Datei, erweitert-layout wie dieses: 

500 Error: /home/kevin/Blue/views/layout.jade:6 4| p Hello World Invalid indentation, you can use tabs or spaces but not both
4| p Hello World
Invalid indentation, you can use tabs or spaces but not both
at Object.Lexer.indent (/home/kevin/Blue/node_modules/jade/lib/lexer.js:679:15)
at Object.Lexer.next (/home/kevin/Blue/node_modules/jade/lib/lexer.js:777:15)
at Object.Lexer.lookahead (/home/kevin/Blue/node_modules/jade/lib/lexer.js:107:46)
at Object.Parser.lookahead (/home/kevin/Blue/node_modules/jade/lib/parser.js:115:23)
at Object.Parser.peek (/home/kevin/Blue/node_modules/jade/lib/parser.js:92:17)
at Object.Parser.tag (/home/kevin/Blue/node_modules/jade/lib/parser.js:640:22)
at Object.Parser.parseTag (/home/kevin/Blue/node_modules/jade/lib/parser.js:624:17)
at Object.Parser.parseExpr (/home/kevin/Blue/node_modules/jade/lib/parser.js:198:21)
at Object.Parser.block (/home/kevin/Blue/node_modules/jade/lib/parser.js:592:25)
at Object.Parser.tag (/home/kevin/Blue/node_modules/jade/lib/parser.js:721:26)

Also der code den ich habe ist dieser:

index.jade

extends layout

block content
    p Hello World

und

doctype 5
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')

    body
        div#header
            p This is the header
        block content

Halten Sie im Verstand, dass ich nicht die Zauber etwas falsch, und ich weiß, wie um die Verknüpfung von Dateien mit der erweitert-option Prima. In der Tat, der code funktionierte einwandfrei, bis ich begann Herumspielen mit der layout-Datei. All dies ist meist ein Einzug Problem. Ich habe versucht, herauszufinden, wenn es mein text-editor das problem verursacht, und ich habe erfolglos gewesen, herauszufinden, ob es sich, wie ich nicht bekommen kann den code wieder funktioniert.

Benutze ich den sublime text 2 editor zu schreiben-jade-code. Wenn es der text-editor nicht richtig Einrücken, könnte jemand mir helfen, lernen, wie man es beheben?

  • In Sublime Text-Einstellungen, dann Sag es tabs durch Leerzeichen ersetzen und dann immer Gedankenstrich mit Leerzeichen (mit der Einstellung an, schreiben Sie Leerzeichen beim Auftreffen auf die Registerkarte). Auch, warum ist der Körper in Kopf? 😛
InformationsquelleAutor Kivo360 | 2013-08-20
  1. 52

    In der unteren rechten Ecke von Sublime Text, sollte es ein label, das sagt Spaces: N oder Tab Size: N wo N ist eine Zahl. Wählen Sie diese und Sie werden sehen, Optionen, um zu konvertieren Sie das gesamte Dokument-Einzug zu verwenden, entweder Tabulatoren oder Leerzeichen:

    • Convert Indentation to Spaces
    • Convert Indentation to Tabs
    • Dauerte eine Weile, um herauszufinden, wie Sie tatsächlich nutzen, aber funktionierte. Ich muss sagen, dass dies ernsthaft helfen, mich in der nahen Zukunft. Danke.
    • wow, Super! danke buddy
    • Falls es hilft niemanden, es ist eine sinnvolle Erweiterung für Konsolen-editor hier für den gleichen Zweck github.com/davidderaedt/tabtospace-extension
    • Danke Mann. Life saver. Nicht vertraut mit #Jade, spart mir eine Menge Zeit.
    InformationsquelleAutor André Dion
  2. 0

    Bearbeiten-Formular auf server.js Datei setzen Sie die variable wie in diesem

    var applications = row;
res.render("edit", { applications : applications[0] });

    Bearbeiten.jade-Datei :

    block content
table
    thead
      tr
        th First Name
        th Last Name
    tbody
      - each item in applications
        tr
          td= item.username
          td= item.email
    InformationsquelleAutor Rahul Dhiman
  3. 0

    Diese Antwort ist eine Erweiterung auf die Antwort von André Dion (ich habe nicht genug Ruf um einen Kommentar auf seinen post). Man kann auch das gleiche Verfahren beschrieb er in Visual Studio den Code Direkt. Wenn Sie Mops im Visual Studio-Code-es wird sehr schön.

    InformationsquelleAutor Gabriel Beauchemin-Dauphinais
Schreibe einen Kommentar