2013-08-20 6 views
7

私のエクスプレスサイトでは、ヒスイを使用しています。だから私は私のサイトの設計を始めることができるように私のレイアウトファイルを変更しようとすることにしました。私は(働いていた)元のレイアウトのコードを変更しますが、私はこのようなレイアウトを拡張するすべてのファイルにインデントエラーが発生して開始しました:ヒスンのインデントエラー

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) 

だから私は持っているコードはこれです:

index.jade

extends layout 

block content 
    p Hello World 

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

    body 
     div#header 
      p This is the header 
     block content 

私が間違って何を綴るなかったことを覚えておいてください、私は拡張オプションを使ってファイルをリンクする方法を知っています。実際には、私がレイアウトファイルを使いこなすまで、コードは完璧に機能していました。これらのすべては、主に懸案事項です。私はそれが私のテキストエディタで問題を引き起こしているのかどうかを考え出してみました。そして、もし私がコードを再び動かすことができないので、私はそれが何であるかを理解していませんでした。

私は崇高なテキスト2のエディタを使ってこの翡翠のコードを書いています。テキストエディタが正しくインデントされていない場合は、誰かがそれを修正する方法を学ぶ手助けをすることができますか?

+0

サブライムテキストの設定では、タブをスペースで置き換えてから、常にスペースでインデントします(この設定をオンにすると、タブを打つときにスペースが入ります)。また、なぜ身体は頭の中にあるの? :P – Eldamir

答えて

48

サブライムテキストの右下には、Spaces: NまたはTab Size: Nと表示されているラベルがあります。ここで、Nは数字です。これを選択すると、タブまたはスペースのいずれかを使用して、ドキュメント全体のインデントを変換するためのオプションが表示されます:編集フォーム用

  • Convert Indentation to Spaces
  • Convert Indentation to Tabs
+2

これを実際にどのように使用するかを理解するのに私はしばらく時間をかけましたが、うまくいきました。近い将来、これが真剣に私を助けてくれるはずです。ありがとうございました。 – Kivo360

+1

うわー、素晴らしい!ありがとうございました – Denis

+0

誰にでも役立つ場合は、同じ目的のためにここにブラケットエディタのための便利な拡張があります。 –

0

server.jsファイルに次のように変数を設定012:edit.jadeファイルの

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

block content 
table 
    thead 
     tr 
     th First Name 
     th Last Name 
    tbody 
     - each item in applications 
     tr 
      td= item.username 
      td= item.email 
関連する問題