Question

只有命名的块和混合可以出现在扩展模板的顶层。它杀死了我，我不明白为什么这不起作用。我是哈巴狗新手，也许我应该使用一种叫做mixins的东西。

//layout.pug

doctype html
html   
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
    link(rel='stylesheet', href='https://www.w3schools.com/w3css/4/w3.css')
    script(src="https://cdn.auth0.com/js/auth0/8.7/auth0.min.js")
    link(href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css',rel='stylesheet')
    script(src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js')
    script(src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js') 
  body
    nav.w3-bar.w3-border.w3-light-grey( role="navigation" )

      if loggedIn
        a(href="/getposts").w3-bar-item.w3-button All Customers
        a(href="/gethotposts" ).w3-bar-item.w3-button HOT Customers
        a(id="qsLogoutBtn" href="/logout").w3-bar-item.w3-button Logout
      else
        a(id="qsLoginBtn" href="/login").w3-bar-item.w3-button Login
        a(href="/getposts").w3-bar-item.w3-button All Customers
        a(href="/gethotposts" ).w3-bar-item.w3-button HOT Customers

    block content

//customers.pug

extends layout

block content
table.table.table-striped(style='width:700px')(align='center')
  thead
    tr
       th First Name
       th Last Name
       th Email
       th Status
  tbody
    each value in customer
      tr
         td=value.First_Name
         td=value.Last_Name
         td=value.Email
         td=value.Status

Answer 1

这是我经常着急而又不仔细检查缩进的事情。

block content
table.table.table-striped(style='width:700px')(align='center')

您需要将标签缩进两个空格，以使其位于block content下，而不是偶数：

extends layout

block content
  table.table.table-striped(style='width:700px')(align='center')
    thead
      tr
        th First Name
        th Last Name
        th Email
        th Status
    tbody
      each value in customer
        tr
          td=value.First_Name
          td=value.Last_Name
          td=value.Email
          td=value.Status

我尽一切努力使此模板正常工作，但仍然出现此错误：只有命名的块和混合可以出现在扩展模板的顶层

1 个答案: