Nodejs 车把呈现空网页

Question

我是 nodejs 的新手，我正在学习使用 handlebars 来呈现网站。

这是我的路线（在 index.js 内）

app.get('/house', function (req, res) {

    var houses = [
        {
            name: "House a",
            address: "Address a",
            price: "Price a"
        },
        {
            name: "House b",
            address: "Address b",
            price: "Price b"
        },
        {
            name: "House c",
            address: "Address c",
            price: "Price c"
        }
    ]
    res.render('house', houses);
})

这是我的house.handlebars

<div class="row">
    {{#each houses}}
    <div class="col-md-3 col-lg-3">
        <p>Name: {{name}}</p>
        <p>Address: {{address}}</p>
        <p>Price: {{price}}</p>
    </div>
    {{/each}}
</div>

问题是当我转到 http://localhost:3000/house 时，页面全是白色，没有任何渲染。我检查了该站点并注意到 {{each houses}} 和 {{/each}} 中的所有内容都消失了。我想知道这里有什么问题。非常感谢

Answer 1

您的对象结构不正确。试试这个：

res.render('house', {houses: houses});

Nodejs 车把呈现空网页

Nodejs handlebar render empty webpage

node.js

handlebars.js

express-handlebars