Jade indentation erreurs

Donc, pour Exprimer mon site, je suis à l'aide de jade. J'ai donc décidé d'essayer de modifier mon fichier de mise en page pour que je puisse commencer la conception de mon site. J'ai modifié la mise en page originale code (qui a travaillé), mais j'ai commencé à recevoir des erreurs d'indentation dans un fichier qui s'étend de mise en page comme ceci:

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)

Donc le code que j'ai est: est-ce

index.jade

extends layout
block content
p Hello World

et

doctype 5
html
head
title= title
link(rel='stylesheet', href='/stylesheets/style.css')
body
div#header
p This is the header
block content

Gardez à l'esprit que je n'ai pas de sort quelque chose de manière incorrecte, et je ne sais comment lier des fichiers à l'aide du étend de l'option de juste fine. En fait, le code a fonctionné parfaitement bien jusqu'à ce que j'ai commencé à jouer avec le fichier de mise en page. Tout cela est surtout une mise en retrait problème. J'ai essayé de déterminer si c'est à mon éditeur de texte à l'origine du problème, et j'ai succombé à déterminer si c'est, comme je ne peux pas obtenir le code fonctionne à nouveau.

Je suis en utilisant le sublime text 2 de l'éditeur pour écrire ce code de jade. Si c'est l'éditeur de texte, pas de mise en retrait correctement, quelqu'un pourrait m'aider à apprendre comment résoudre ce problème?

Sublime paramètres de Texte, de lui dire de remplacer les tabulations par des espaces puis toujours en retrait par des espaces (avec le réglage sur, vous allez écrire des espaces onglet lors de la frappe). Aussi, pourquoi est-corps à l'intérieur de la tête? 😛

OriginalL'auteur Kivo360 | 2013-08-20

  1. 52

    Dans le coin inférieur droit de Sublime Text, il devrait y avoir une étiquette qui dit Spaces: N ou Tab Size: N où N est un nombre. Sélectionnez-le et vous verrez les options pour la conversion de l'intégralité du document en retrait pour utiliser des tabulations ou des espaces:

    • Convert Indentation to Spaces
    • Convert Indentation to Tabs
    M'a fallu un certain temps à comprendre comment l'utiliser, mais il a travaillé. Je dois dire que cela devrait sérieusement m'aider dans un avenir proche. Je vous remercie.
    wow, génial! merci mon pote
    Dans le cas où il peut aider n'importe qui, il y a une extension utile pour les Supports de l'éditeur ici dans le même but github.com/davidderaedt/tabtospace-extension
    Merci homme. La vie de veille. Pas familier avec #Jade, me sauver beaucoup de temps.

    OriginalL'auteur André Dion

  2. 0

    pour modifier le formulaire sur server.js fichier de définir une variable comme ceci

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

    pour le modifier.jade fichier :

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

    OriginalL'auteur Rahul Dhiman

  3. 0

    Cette réponse est une extension de la réponse d'André Dion (je n'ai pas assez de réputation pour des commentaires sur son post). On peut aussi faire la même procédure qu'il est décrit dans le Code de Visual Studio Directement. Si vous utilisez Carlin dans le Code de Visual Studio, il sera très agréable.

    Ce n'est pas de fournir une réponse à la question. Une fois que vous avez suffisamment de réputation vous serez en mesure de commentaire sur post; fournir des réponses qui ne nécessitent pas de clarification de la asker.

    OriginalL'auteur Gabriel Beauchemin-Dauphinais