玉块不渲染

Jade block not rendering

我确定我遗漏了一些小东西。我正在玩 express 中的玉模板。我正在尝试使用块和扩展进行试验。出于某种原因,我的街区无法正常工作。这是玉模板:

layout.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 没有被渲染。

我已经尝试将我的视图选项设置为 {layout: false},但没有任何改变。

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

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

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

** 最后一点,我的 bootstrap 专栏也不起作用..哈。 编辑:**列正在工作,我刚刚让 chrome 检查员向广泛开放...前端开发...

我哪里搞砸了?

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

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

正确的方法是: index.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

希望对您有所帮助