玉壓痕錯誤

所以對於我的快車網站，我使用的是玉器。所以我決定嘗試修改我的佈局文件，以便我可以開始設計我的網站。我修改了原來的佈局代碼（工作），但我開始在擴展布局像這樣的任何文件縮進錯誤：玉壓痕錯誤

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

請記住，我沒有拼寫錯誤的東西，而且我知道如何使用extends選項將文件鏈接在一起。事實上，代碼工作得很好，直到我開始搞亂佈局文件。所有這些主要是一個縮進問題。我試着弄清楚它是否是我的文本編輯器引起的問題，並且我一直沒有弄清楚它是否成功，因爲我無法再讓代碼工作。

我使用崇高的文本2編輯器來寫這個玉代碼。如果文本編輯器沒有正確縮進，有人能幫我學習如何解決它嗎？

來源

2013-08-20 Kivo360

在Sublime Text設置中，告訴它用空格替換標籤，然後始終用空格縮進（打開設置後，將在打印標籤時寫入空格）。另外，爲什麼身體內的頭部？：P – Eldamir

在崇高文本的右下角，應該有一個標籤，上面寫着Spaces: N或Tab Size: N，其中N是一個數字。選擇這個，你會看到選項來轉換整個文檔的縮進使用Tab或者空格：

Convert Indentation to Spaces
Convert Indentation to Tabs

來源

2013-08-20 19:44:48

花了我一段時間來弄清楚如何實際使用這個，但工作。我必須說，這應該在不久的將來認真地幫助我。謝謝。 – Kivo360

哇，太棒了！謝謝你的朋友 – Denis

萬一它有助於任何人，爲了相同的目的，這裏有一個有用的擴展Brackets編輯器https://github.com/davidderaedt/tabtospace-extension –

對server.js編輯表單文件中設置變量這樣

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

爲edit.jade文件：

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

來源

2016-12-16 10:33:32

回答

相關問題