pug - 玉不允许我在 mixin 中使用 include #{variable}

Question

我想打印一个包含作为混合的结果，但是玉想在它第一次读取混合时解析包含。

mixin myHeader(name)
  div#{name} 
    h1 #{name}
      include #{name}


!!! html
  html
    head
    body
      +myHeader(#home)
      +myHeader(#schedule)
      +myHeader(#map)
      +myHeader(#lecturers)

我认为错误是告诉我jade 找不到#{name} 以包含在mixin 中。

ENOENT，没有这样的文件或目录 '#{name}.jade'

Answer 1

Jade 不支持包含变量。此stackoverflow 问题中演示了一种解决方法

Answer 2

也许您可以使用在不同文件中制作的 mixins

喜欢

// popups.pug
mixin temperature()
  h3 temperature

包含在另一个文件中对我来说很好

//modal-content.pug
include popups
mixin modal-content-popup(component)

  .modal-content
    .modal-content__settings
      +#{component}()
    .modal-content__buttons
      button.modal-content__button.modal-content__button--apply Применить
      button.modal-content__button.modal-content__button--close Закрыть

+modal-content-popup('temperature')