javascript - node.js + jade - 链接是自动关闭的，不应该有内容

Question

我指的是以下有关 MEAN 堆栈的精彩教程。

现在我面临一个与模板 (JADE) 相关的问题，我无法解决 :(如果可能的话，你能帮我看看吗？

http://www.ibm.com/developerworks/library/wa-nodejs-polling-app/

    doctype 5
    html(lang='en')
      head
        meta(charset='utf-8')
        meta(name='viewport', content='width=device-width, 
initial-scale=1, user-scalable=no')
        title= title
        link(rel='stylesheet', href='//netdna.bootstrapcdn.com/bootstrap/3.0.1/
css/bootstrap.min.css')
        link(rel='stylesheet', href='/stylesheets/style.css')                
      body
        nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation')
          div.navbar-header
            a.navbar-brand(href='#/polls')= title
        div.container
          div

我遇到了这个异常。尝试了几个变体，但仍无法解决。

Error: C:\DevEnv\UT3_Node\HelloWorldNodeProject\views\index.jade:14
    12|         a.navbar-brand(href='#/polls')= title
    13|     div.container
  > 14|       div

**link is self closing and should not have content.**

感谢副词。

Answer 1

你的问题是这一行:

link(rel='stylesheet', href='/stylesheets/style.css')                

你在 StackOverflow 上看不太清楚，但是标签后面有一堆空格。

此处显示的空格替换为 _ :

link(rel='stylesheet', href='/stylesheets/style.css')________________

因此您的 Jade 会生成如下内容:

<link rel="stylesheet" href="/stylesheets/style.css">________________</link>

这是不允许的，因为<link>元素不允许有子 Node 。