Pug文件编译返回错误mixins.pug未找到

Question

我是帕格/玉的新手。我有3个名为“layout.pug”，“home.pug”和“mixins.pug”的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文件中。但是    从popup(title, description)文件调用mixin home.pug。    因此，home.pug文件中没有mixin。    （home.pug文件中也包含layout.pug。因此，我仅在mixins.pug文件中包含了layout.pug。

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

<强>代码：  layout.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}