node.js - Jade block 不渲染

Question

我确信我错过了一些小事情。我正在使用 Express 中的 Jade 模板。我正在尝试尝试 block 和扩展。由于某种原因，我的 block 无法正常工作。这是 Jade 模板:

布局.jade

  doctype html
  html
    head
      title= title
      link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
      link(rel='stylesheet', href='/stylesheets/style.css')
      script(src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js')
      script(src='/javascripts/bootstrap.min.js')
    body
      block content

index.jade

扩展布局

block content
    header
        section
            h1 Hello
            p.
                This is my first jade template
                How incredibly exciting!
    main
        div(class="row")
            div(class="col-md-6")
                block colOne
            div(class="col-md-6")
                block colTwo

colOne.jade

extends index

block colOne
    section
        p.
            this will be col one

colTwo.jade

extends index

block colTwo
    section
        p.
            this will be the second col.

index.jade 已成功扩展layout.jade。但 colOne 和 colTwo 没有被渲染。

我尝试将 View 选项设置为 {layout: false}，但没有任何改变。

路由器只是指向index.jade 文件:

router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express Mon'});
});

我还发现我应该渲染链中最低的部分。这就是为什么我渲染索引而不是布局。这是否意味着我必须 res.render('colOne') ？我试过了，我得到了索引和布局页面，但仍然没有 colOne。另外，这将如何引用 colTwo？

**最后一点说明，我的引导列也不起作用..哈哈。编辑:**列正在工作，我刚刚将 chrome 检查器打开到最宽的位置...前端开发...

我哪里搞砸了？

Answer 1

首先建议在 bootstrap js 文件之前添加 jquery。第二次

我知道您想要将 colOne 和 Coltwo 渲染到索引的 col-md-6 div 中。为此，您不必扩展 colOne 和 colTwo 中的索引。这样您就可以向 colOne 添加索引，而不是相反。

正确的方法是:索引.jade

main
        div(class="row")
            div(class="col-md-6")
                include colOne //include ../folder/filename.jade
            div(class="col-md-6")
                include colTwo

colOne 和 colTwo.jade删除

extends index.jade

希望这有帮助