包含另一个Pug视图失败

时间:2018-07-05 16:51:28

标签: node.js express pug

我在Node.js / Express应用程序中有三个Pug文件,该文件遵循以下布局:

//layout.pug 
html
   head
      title= title
      link(rel="stylesheet", href="link")
      script(src="links")
      // many css and javascript imports
   body
     header 
        // header section
     block content 
     footer
        // footer section
     // more script imports 

//index.pug
extends layout
block content 
    //some content 
    include slider


//slide.pug
div(class="xxx")
   //slider contents 

include关键字实际上在这里工作,并且呈现slider.pug,但是我面临的问题是它没有按预期呈现slider.pug页面。 slider页面的呈现方式不会加载所需的样式和javascript文件,因此结果是在一个呈现效果良好的页面(在此情况下,index.pug是呈现良好的页面)中的html杂乱无章。

我尝试将extend layout行添加到slider.pug,但是也失败了。

在另一个pug文件中包含一个pug文件的适当方法是什么,该pug文件的目的是依靠layout页中包含的资源(例如CSS和javascript)?

0 个答案:

没有答案