Node.js 在Jade模板中显示段落

我已经开始开发一个示例NodeJS/Express web应用程序， 我正在使用Jade模板引擎

下面是其中一个屏幕的部分.jade代码

html
  head
   script(src='/js/bootstrap.min.js')
   script(src='/angular/angular.min.js')
   link(href='/css/bootstrap.css' , rel='stylesheet')
 body
  div(class='container') 
      p= error

我的意图是在div中包含“p”元素

<div class='container'>
<p>Error message comes here.. </p>
</div>

错误消息出现在这里

但发生的是“p”元素在div之后

<div class='container'>
</div>
<p>Error message comes here.. </p>

错误消息出现在这里

---

请告诉我需要修改的内容，以便“p”位于div中。

您的代码可能以错误的方式缩进。试试这个：

html
  head
   script(src='/js/bootstrap.min.js')
   script(src='/angular/angular.min.js')
   link(href='/css/bootstrap.css',rel='stylesheet')
 body
  .container 
    p=error

---

复制了玉码，看起来你的缩进不均匀。试试这个：

html
    head
        script(src='/js/bootstrap.min.js')
        script(src='/angular/angular.min.js')
        link(href='/css/bootstrap.css' , rel='stylesheet')
    body
        .container
            p error

这对我有用

分区集装箱

p=错误

---

你的缩进很奇怪，请确保在

jade

文件中所有内容都用两个空格隔开。除此之外，您的代码看起来还不错。您可以使用

.container

而不是

div（class=“container”）

。我刚刚在

jade-lang.com

上尝试了你的代码，它在那里很好。@Sgnl，正如你所说，如果我在jade-lang.com上粘贴代码，它就可以正常工作了。但在我的例子中，当它从服务器渲染时，它不工作。我只是在我的服务器上尝试了你的代码，它工作得很好。所以可能是错误导致了问题，那么错误是什么呢？@Sgnl，@Molda我对Jade不熟悉，所以我的问题听起来很愚蠢，我意识到Jade代码的缩进决定了标记的结束位置。是的，jade中的缩进很重要，它决定了标记的结束位置。