代码之家  ›  专栏  ›  技术社区  ›  Arnold Zahrneinder

包含另一个pug视图失败

  •  0
  • Arnold Zahrneinder  · 技术社区  · 7 年前

    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 但我面临的问题是 滑块.pug 页面如预期。这个 slider 页面的呈现方式不加载所需的样式和javascript文件,因此结果是在一个呈现良好的html中出现了一个混乱的html( index.pug 在这种情况下,是一个很好的渲染)。

    我试着加上 extend layout 连接到 滑块.pug 但也失败了。

    包含一个pug文件的适当方式是什么?该文件的目的是依赖于 layout 另一个pug文件中的css和javascript页面?

    0 回复  |  直到 7 年前