node.js - 即使布局设置为 True，Express Jade 布局也不会渲染

Question

我是 Express for Node.js 的新手，我只是按照 Pedro Teixeira's Node Tuts Episode 9 设置一个简单的应用程序。我想尝试一下布局文件，所以我将布局设置为“true”。但当我这样做时，它没有用我的布局渲染，只用我的 body 渲染。我应该如何让它正确渲染？下面是我的 app.js 文件、index.jade、layout.jade 和渲染页面的屏幕截图。

app.js

var express = require('express');

var app = express.createServer();

app.configure(function () {
    app.use(express.logger();
});

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

app.get('/', function(request, response) {
    response.render('index');
});

app.listen(4000);

index.jade

h2 Hello
p World!

布局.jade

!!! 5
  html
    head
      title My template
    body
  #main
        h1 Content goes here
        p Testing 123
        #container!= body

Answer 1

如果您使用的是 Express 3，这是正常的，模板的呈现方式已发生变化。

你的布局需要像这样:

!!! 5
  html
    head
      title My template
    body
  #main
        h1 Content goes here
        p Testing 123
        block content

还有你的模板:

extends layout

block content
  h1 Something

示例如下:

https://github.com/dotcloud/express-on-dotcloud/blob/master/app/views/layout.jade#L64

https://github.com/dotcloud/express-on-dotcloud/blob/master/app/views/welcome.jade#L1

如果您开始使用 Node 和 Express，请随意克隆此演示/教程应用程序:
https://github.com/dotcloud/express-on-dotcloud

您可以在本地使用它并发现 Express 3 的一些不错的功能，如果您想分享您的应用程序，则所有设置都可以推送到 dotCloud .