layout.jade不起作用，爲什麼？

Question

這是我的配置文件： 的layout.jade似乎並不奏效。但玉器正在工作。我使用Chrome進行檢查，並確定佈局HTML未加載到頁面中。

module.exports = function(app, express, mongoose){ 
    var config=this 

    app.configure(function(){ 
     app.set('views',__dirname+'/views') 
     app.set('view engine','jade') 
     app.set('view options', {layout:true}) 

     app.use(express.bodyParser()) 
     app.use(express.methodOverride()) 
     app.use(express.cookieParser()) 
     app.use(express.session({secret: 'topsecret',store: new express.session.MemoryStore})) 
     app.use(express.static(app.path.join(app.application_root,"public"))) 
     app.use(express.errorHandler({dumpExceptions:true,showStack:true})) 
     app.use(express.bodyParser({keepExtensions: true, uploadDir:"./public/uploads"})) 
     app.use(app.router) 
    }) 

    /*DB part:*/ 
    app.mongoose.connect('mongodb://localhost/dio_database') 

    return config 
} 

渲染命令：

app.get('/items/:id',function(req,res){ 
    models.ItemModel.findOne({_id:req.params.id}).exec(function(err,item){ 
     if (!err){ 
      res.render('item.jade',item) 
     } else 
      return console.log(err) 
    }) 
}) 

我layout.jade，很簡單：

!!! 
doctype 5 
html 
    head 
     title "Dio" 
     link(rel='icon', href='favicon.ico', type='image/x-icon') 
     link(rel='shortcut', href='favicon.ico', type='image/x-icon') 
     link(rel="shortcut", href="favicon.ico", type="image/vnd.microsoft.icon") 
     link(rel="icon", href="favicon.ico", type="image/vnd.microsoft.icon") 

     script(src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js") 
     script(src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js") 
     script(src="./javascripts/underscore-min.js") 
     script(src="./javascripts/backbone-min.js") 

     link(rel='stylesheet', href='./css/main.css', type="text/css", media="screen") 
    body 
     div#topbar Dio--where shitty thing happens 
     div#main!= body 
      footer 
       p 
        | Node.js MVC template by XXX 

而以下是我的NPM列表：

├─┬ bcrypt@0.7.3 
│ └── bindings@1.0.0 
├─┬ express@3.0.3 
│ ├── commander@0.6.1 
│ ├─┬ connect@2.7.0 
│ │ ├── bytes@0.1.0 
│ │ ├── formidable@1.0.11 
│ │ ├── pause@0.0.1 
│ │ └── qs@0.5.1 
│ ├── cookie@0.0.5 
│ ├── cookie-signature@0.0.1 
│ ├── crc@0.2.0 
│ ├── debug@0.7.0 
│ ├── fresh@0.1.0 
│ ├── methods@0.0.1 
│ ├── mkdirp@0.3.3 
│ ├── range-parser@0.0.4 
│ └─┬ send@0.1.0 
│ └── mime@1.2.6 
├── fs@0.0.0 
├── imagemagick@0.1.3 
├─┬ jade@0.27.7 
│ ├── coffee-script@1.4.0 
│ ├── commander@0.6.1 
│ └── mkdirp@0.3.4 
├─┬ mongodb@1.2.2 
│ └── bson@0.1.5 
├─┬ mongoose@3.4.0 
│ ├── hooks@0.2.1 
│ ├─┬ mongodb@1.1.11 
│ │ └── bson@0.1.5 
│ ├── ms@0.1.0 
│ └── sliced@0.0.3 
├─┬ node-static@0.6.5 extraneous 
│ ├── colors@0.6.0-1 
│ └─┬ optimist@0.3.5 
│ └── wordwrap@0.0.2 
└── path@0.4.9 

Answer 1

其實這個問題的原因很簡單： 快遞3不再支持佈局..但不要傷心。其實快車3開始採用更自然和更簡單的方法，這就是所謂塊/擴展。 基本用法應該是這樣的：

// In layout file: layout.jade 
html 
    head 
     title XXX 
     block scripts 
    body 
     block content 
     block footer 


// in a extended file, for example index.jade: 
extends layout 
block scripts 
    //write javascript part 
block content 
    // write content 
block footer 
    // write the footer 

實際上，它變得更容易，更靈活。很高興終於得到它。但花了我2個多小時。

我只是想知道爲什麼這麼少的人更明確公開提及這一變化。希望這篇文章能夠幫助像我這樣的人。