Jade Include不会呈现包含的页面内容
我正在尝试使用Node / Express / Jade / Stylus做一个应用程序。
问题是Jade不会呈现包含文件的内容。
这里是文件:
layout.jade:
doctype 5 html block head head title= title link(rel='stylesheet', href='/stylesheets/style.css') body header block header #main-container block content footer block footer
index.jade:
extends layout include helpers/header block content form#form-login
助手/ header.jade:
extends ../layout block header #test p Hello World img(src="images/Logo.jpg" alt="Logo")
呈现的页面是空白的。 在页面中什么也没有。 图片url是正确的,所以这不是问题的一部分。 我检查了页面代码,并且header.jade被完全忽略。
我检查是否加载了header.jade,并加载(我试图把一个错误)。
这里呈现的页面的代码:
<!DOCTYPE html> <html> <head> <title>Title</title> <link rel="stylesheet" href="/stylesheets/style.css"> </head> <body> <header></header> <div id="main-container"> <form id="form-login"></form> </div> <footer></footer> </body> </html>
它看起来像一个块不能正确传播从一个包含到一个布局(我不太熟悉翡翠,所以这可能是有意的行为),因为这似乎工作:
// index.jade extends layout block header include helpers/header block content form#form-login
另外,你不应该在头文件include中使用extends ../layout
,否则你的布局文件将被渲染两次。