html - Pug文件编译返回mixins.pug is not found的错误

Question

我是哈巴狗/ Jade 的新手。我有 3 个 pug 模板文件，名为“layout.pug”、“home.pug”和“mixins.pug”。layout.pug 包含以下代码:

html
  include mixins
  body
    include home

此 home.pug 文件中的代码:

body
  div.main
    +popup('Hello', 'Hello World')

pug 文件“mixins.pug”包含 mixins。我已将 mixin popup() 添加到此文件中。该文件中的代码:

mixin popup(title, description)
 div.pop-up-body
   h2 #{title}
   p #{description}

但是当我使用 grunt pug 命令编译我的 pug 文件时，出现错误“pug_mixins.popup 不是一个函数”。

如果您知道原因，请帮助我。

Answer 1

我得到了这个问题的答案。

错误原因: 我已将 mixins.pug 包含在 layout.pug 文件中。但是 mixin popup(title, description) 是从 home.pug 文件调用的。 因此 mixin 在 home.pug 文件中不可用。 (home.pug 也包含在 layout.pug 文件中。因此，我仅将 mixins.pug 包含在 layout 中。 pug 文件)。

解决方案: 我从 layout.pug 文件中删除了代码 include mixins 并添加了它 到 home.pug 文件。

代码: 布局.pug 文件

html
   body
      include home

home.pug 文件

include mixins
div.main
   +popup('Hello', 'Hello World') 

mixins.pug 文件

mixin popup(title, description)
   div.pop-up-body
       h2 #{title}
       p #{description}