Javascript JADE/PUG:无法使用两个混合器

我在我的jade文件中使用mixin。要求有两个div。如果我只创建一个div，它就会呈现，但是如果我使用两个mixin来呈现内容，我会得到错误：“undefined jade_mixins.selectedImage-card不是一个函数”

这是玉器代码：

.container
        .allThumbs
          h2 All 
          .row
           mixin allImage-card(photo)
            .col-lg-4.col-md-4.col-sm-4.col-xs-6
              .imgThumb
                img.thumb(src=photo.URL, alt="")

        for photo in _allPhotos
          +allImage-card(photo)

        .allThumbs
          h2 Selected
          .row
            mixin selectedImage-card(photo)
            .col-lg-4.col-md-4.col-sm-4.col-xs-6
              .imgThumb
                img.thumb(src=photo.URL, alt="")

        for photo in _selected
          +selectedImage-card(photo)

---

错误是您的缩进。将代码放入编译器会导致以下错误：

  > 24|             mixin selectedImage-card(photo)
--------------------^
    25|             .col-lg-4.col-md-4.col-sm-4.col-xs-6
    26|               .imgThumb
    27|                 img.thumb(src=photo.URL, alt="")

Mixin selectedImage-card declared without body

在声明mixin之后，再给它一个前导空格，它就可以工作了

---

理想情况下，您应该在文件的开头定义mixin，并按照建议在稍后的阶段引用它们。

错误在于缩进。将代码放入编译器会导致以下错误：

  > 24|             mixin selectedImage-card(photo)
--------------------^
    25|             .col-lg-4.col-md-4.col-sm-4.col-xs-6
    26|               .imgThumb
    27|                 img.thumb(src=photo.URL, alt="")

Mixin selectedImage-card declared without body

在声明mixin之后，再给它一个前导空格，它就可以工作了

---

理想情况下，您应该在文件的开头定义mixin，并按照建议在稍后的阶段引用它们。

将mixin代码放在缩进之外

例如：

mixin allImage-card(photo)
   .example 
      !{photo.name}

mixin selectedImage-card(photo)
   .test 
      !{photo.name}


.container
    -var _allPhotos = [{'name':'john'}, {'name': 'fred'}]
    -var _selected = [{'name':'luka'}, {'name': 'lisa'}]

    for photo in _allPhotos
      +allImage-card(photo)

    .allThumbs
      h2 Selected
      .row
    for photo in _selected
      +selectedImage-card(photo)

---

将mixin代码放在缩进之外

例如：

mixin allImage-card(photo)
   .example 
      !{photo.name}

mixin selectedImage-card(photo)
   .test 
      !{photo.name}


.container
    -var _allPhotos = [{'name':'john'}, {'name': 'fred'}]
    -var _selected = [{'name':'luka'}, {'name': 'lisa'}]

    for photo in _allPhotos
      +allImage-card(photo)

    .allThumbs
      h2 Selected
      .row
    for photo in _selected
      +selectedImage-card(photo)

---

您应该将mixin代码放在缩进之外，如下所示：您应该将mixin代码放在缩进之外，如下所示：