问题标签 [pugjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
5118 浏览

javascript - 哈巴狗模板中的外部样式表将不会加载

我无法弄清楚如何在 pug 中加载样式表。我已经尝试了所有我能想到的方法。并在 Google 上进行了广泛搜索。这似乎是一个愚蠢的问题,但我已经浪费了很多时间试图弄清楚它。

我的文件结构如下

在以下所有示例中,我都尝试通过以下方式引用该文件:

  • href="../public/style.css"
  • href="./public/style.css"
  • href="/public/style.css"
  • href="public/style.css"

  • href="/style.css"

我努力了:


1) main.pug 中的链接元素


2)在 layout.pug中使用include

以及在标题内


3)在 layout.pug 中使用


检查源

当我检查包含 pug 元素的 pug 文件的来源时。浏览器显示链接已在父级中正确呈现。

Firefox 检查元素的屏幕截图

当我直接在 pug 文件中写入 css 时,它确实会加载,如下所示:


我不能保持我的 css 内联,也不能直接在 pug 文件中使用 html(分配规则)。为什么我的样式表没有加载?


眼镜:

  • 火狐 56.0
  • Ubuntu 16.04
  • 哈巴狗 2.0
  • 表达 4.16.2
0 投票
0 回答
1203 浏览

javascript - 带有 Nodejs 和 Pugjs 的 i18next:无法读取未定义的属性“t”

我是 i18next 的初学者,我想在使用 Nodejs + Pugjs 开发的小型应用程序上管理多种语言。

尝试在 pugjs 中声明键时出现以下错误:Cannot read property 't' of undefined

我的代码:

应用程序.js

路由.users.js

默认.pug

登录.pug

0 投票
1 回答
1294 浏览

node.js - 将数据从索引文件传递到 NodeJs 中的 pug 模板

我开始学习一些 NodeJ,并想创建一个小型路由。所以我在这里将这段代码用于我的 server.js

所以我的 index.pug 文件将处理变量并include用于加载模板

所以我的模板需要来自服务器的用户变量

如何从 index.pug 获取信息并将其发送到 index.pug 包含的模板文件?

喜欢include content // and pass the needed variables

0 投票
1 回答
1373 浏览

pugjs - pugJS 在循环中将变量传递给 mixin

尝试根据使用 mixin 时有多少问题来遍历一些 html。

我期望这段代码会在 div 上循环 3 次,并将每个问题传递到 and 的 mixin 中input-labelinput-field并吐出正确的 html,就好像我正在使用只有文本的 mixin。

PUG 代码

输入标签.pug

输入字段.pug

预期成绩

实际结果 - pugjs 错误

0 投票
1 回答
4721 浏览

node.js - 使用 Pug 模板时出现意外的标记“缩进”

我有一个简单的应用程序应该输出一个小内容。我使用NodeJs、Express 和 Pug

还有我的 Pug 文件/HTML

启动服务器时,我收到此错误消息

有人可以帮我吗?

0 投票
3 回答
1615 浏览

node.js - PugJs - 找不到模板文件/目录被忽略

我有一个简单的应用程序应该输出一个小内容。我使用NodeJs、Express 和 Pug

还有我的 Pug 文件/HTML

我的目录看起来像这样

目录

启动服务器时,我收到此错误消息

但是在调试时templateToLoad我得到了'Views/Templates/temp.pug'. 为什么文件夹Templates会被忽略?

0 投票
1 回答
49 浏览

keystonejs - Pugjs 无法创建新的 mixin

大家好,我刚刚继承了这个 Keystonejs 项目,它正在使用哈巴狗。一切都很好,除了我不能创建新的 mixin。

不仅如此,旧的 mixins(已经定义)工作正常。我只是无法创建新的 mixin。如果这样做,我会收到此错误:抱歉,加载页面时发生错误(500)... ... pug_mixins.info 不是函数。 在此处输入图像描述

指数.pug

信息.pug

任何帮助将非常感激。

更新:

如果我将 info.pug 中的所有内容移到 index.pug 中,那么它可以工作。此外,还有另一个名为 hero-header 的 mixin。如果我将所有内容从 info.pug 移动到 hero-header.pug,它就可以正常工作。

0 投票
1 回答
13058 浏览

pug - Pug 动态图像 src 插值

我已将动态 url 链接存储到 pug 变量#{img} 中。现在我想将该变量包含到我的图像元素中。谁能帮我填空?

0 投票
2 回答
80 浏览

javascript - Pug.js Sails.js Javascript for 循环问题

我正在尝试遍历对象以根据对象中的键获取值。我正在尝试使用变量来处理循环/对象。如果我提前设置值,我会得到数据。如果我尝试使用通过“i”迭代定义的变量来设置值,我会得到一个未定义的错误。有什么想法吗。虚线代表哈巴狗。数据来自 Sails.js 查询。

如果我提前设置“0”。我得到数据。

如果我将循环更改为

我收到此错误:

0 投票
1 回答
848 浏览

javascript - 将参数传递给 Jade/Pug 模板

我正在尝试将title变量传递到文件的head部分_layout.pug。我看不出有什么方法可以巧妙地实现这一点,所以不得不求助于块中的预置变量:

我以错误的方式攻击这个吗?这应该是一个mixin吗?