pug 文件编译返回错误 mixins.pug is not found

Question

我是哈巴狗/翡翠的新手。我有 3 个哈巴狗模板文件，名为“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”包含混合。我已将 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 文件中调用的。 因此，home.pug 文件中没有 mixin。 （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}