Jade mixin需要額外的元素

Question

這編譯，但如果我刪除div在那裏，它會引發錯誤。我正在使用codekit進行編譯。我不在這裏？爲什麼額外的div很重要？

mixin ListItemDetail(labels,values) 
    .listItemSection 
     .listItemDetailWrap 
      .listItemDetail #{labels[0]} : 
      .listItemDetail  #{values[0]} 
     .listItemDetailWrap 
      .listItemDetail #{labels[1]} : 
      .listItemDetail  #{values[1]} 
     .listItemDetailWrap 
      .listItemDetail #{labels[2]} : 
      .listItemDetail  #{values[2]} 

mixin ListItem() 
    .listItem 
     .listItemSection 
      h2 48 barrels of Kansas Common by 00/00/0000 
      small Ellsworth County, Kasas, 38.4500° N 96.5333° W 

     mixin ListItemDetail(['Start Date', 'End Date', 'Pickup Deadline'], ['00/00/0000', '00/00/0000', '00/00/0000']) 
     mixin ListItemDetail(["Bulletin", "Grade", "Join Deadline"], ["Plains",  "Light Crude", "00/00/0000"]) 
     mixin ListItemDetail(["API",  "BS&W",  "Sulfur"],   ["48°",  "4%",   "0.1%"])   

     div  

這是如果最終div丟失發生在codekit日誌中的錯誤：

/Applications/CodeKit.app/Contents/Resources/engines/jade/lib/runtime.js:173 
    throw err; 
     ^
Error: /Users/isaac/Radiant/DemandPoint/dpe-grails/web-app/jade/Elements/ListItem.jade:23 
    21|   mixin ListItemDetail(["API",  "BS&W",  "Sulfur"],   ["48°",  "4%",   "0.1%"])   
    22| 
    > 23|    

Answer 1

您的代碼工作正常，我。不過，在您的示例代碼中，您並未使用mixin ListItem。也許一些縮進是錯誤的。您甚至可以簡化您的代碼並使用iteration：

mixin ListItemDetail(labels,values) 
    each label,i in labels 
    .listItemSection 
     .listItemDetailWrap 
     .listItemDetail #{label} : 
     .listItemDetail  #{values[i]} 

mixin ListItem 
    .listItem 
    .listItemSection 
     h2 48 barrels of Kansas Common by 00/00/0000 
     small Ellsworth County, Kasas, 38.4500° N 96.5333° W 

    mixin ListItemDetail(['Start Date', 'End Date', 'Pickup Deadline'], ['00/00/0000', '00/00/0000', '00/00/0000']) 
    mixin ListItemDetail(["Bulletin", "Grade", "Join Deadline"], ["Plains",  "Light Crude", "00/00/0000"]) 
    mixin ListItemDetail(["API",  "BS&W",  "Sulfur"],   ["48°",  "4%",   "0.1%"]) 

mixin ListItem // use your mixin here