问题标签 [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 投票
2 回答
2022 浏览

npm - PUG:SyntaxError:意外的令牌 (12:15)

无论我使用 gulp pug 还是只使用 pug,我都会收到此错误:

因为这个文件有问题,即使它看起来像我项目中的所有其他文件(并且有很多):

仅当我输入带有.top-mask. 在此之前一切正常。

0 投票
1 回答
313 浏览

arrays - Pug 显示从已知值到键的数组

不确定标题是否有意义,但我在这里尝试做的是让 Pug 从这个country-region-data JSON 文件中显示特定国家/地区的区域,但没有成功。我确实设法让它显示所有国家及其地区,但这不是目标。

这是我的帕格:

我还是 Pug 和 JSON 的新手。从 JSON 文件中可以看出,countryNameis 是一个键,并且Singapore是一个键的值(这里的术语是否正确?)

我真的希望有人能提供一些启示!

先感谢您。

0 投票
14 回答
26041 浏览

node.js - 错误:找不到模块“哈巴狗”

这是我的 index.js 文件:

index.pug 文件:

package.json 文件:

当我运行我的服务器文件时,它会显示一个错误。事实上,我安装了 pug 和 jam 两个 npm 模块:

错误:在 Module.require (module.js:513:17) 的 Function.Module._load (module.js:437:25) 的 Function.Module._resolveFilename (module.js:485:15) 中找不到模块“pug” ) 在 Function.render (/home/software/node_modules/express 的新视图 (/home/software/node_modules/express/lib/view.js:80:30) /lib/application.js:570:12) 在 ServerResponse.render (/home/software/node_modules/express/lib/response.js:971:7) 在 /home/software/Harsh Patel/pug_with_node/index.js: 8:7 在 Layer.handle [as handle_request] (/home/software/node_modules/express/lib/router/layer.js:95:5) 在下一个 (/home/software/node_modules/express/lib/router/route .js:137:13)

0 投票
2 回答
747 浏览

python - 如何在 pug.js 的模板中正确拼写 Django 的 for 语句?

当我尝试编译这个时:

我收到此错误:

最初我认为这for cat in cats 通常会编译成 {% for cat in cats %},就像它与if语句一样,但似乎 pug.js 需要一些更特殊的语法,我在 pugjs.org 上找不到,虽然这里Pugjs 官方网站上提供的语法是类似于我的:

0 投票
2 回答
1180 浏览

javascript - 如何在 pug 的字符串中注入一个值

大家好,我正在尝试在 pug html 属性中注入一个值。我似乎找不到任何有关如何执行此操作的文档。这是我的代码

你可以想象val.snippet.id.videoId这只是我从服务器端传递的一个 javascript 变量。所以我想将 value 属性设置为该变量。如果有人指出我正确的方向,我将不胜感激。

0 投票
4 回答
5136 浏览

javascript - Pug/Jade 中动态包含的解决方法

我了解 Pug 不支持模板中的动态包含或扩展。IE

有效但无效

是否有一种解决方法(无论多么复杂),可以实现在运行时修改视图使用的模板的相同目标

上下文:我的用例是我正在开发一个 npm 模块,并且用于扩展其他视图的模板位于模块内部。发布并安装模块后,将定义路径(即 node_modules/my_module/path/to/template),但在开发阶段,我只需要能够“npm link”到模块并拥有模板工作。我也不想对链接进行硬编码,这样我就可以发布与测试相同的代码。

0 投票
1 回答
2454 浏览

javascript - 如何在电子上渲染 pugjs?

我正在尝试在电子上使用哈巴狗。

我有一个问题,我的第二个.pug文件没有正确呈现,它只是输出哈巴狗代码本身。

首先,我有这个由 main.js 加载的主 pug 文件

那么 index.js 只会调用 login.js

.innerHTML只会输出哈巴狗代码本身。

请帮助我如何解决。我将不胜感激任何建议或提示,谢谢。

0 投票
2 回答
645 浏览

javascript - 如何在 PUG 模板引擎中的锚标记类中传递循环变量值?

我正在尝试<a>使用PUG 模板引擎打印标签 5 次。

我想要我的代码,如下所示。我只想要两个类项目项目-1,2,3等。

HTML 代码:期望的结果

我现在正在使用下面的代码并且工作正常

PUG 代码

HTML 中的哪个输出在下面并且#{x}可以很好地打印

但是当我使用#{x}像下面这样的变量时,它显示错误

错误

我知道我们使用#作为 ID,但为什么它在课堂后没有打印xitem-的值?

0 投票
2 回答
4805 浏览

node.js - 如何在 pugjs 模板中包含 css 文件

我正在为我的项目使用 pugjs。我无法在 pug 模板中加载 css 文件。我正在使用以下代码

指数.pug

这是我的项目结构

0 投票
1 回答
633 浏览

javascript - 图片未显示在页面上 - (Express, Pugjs)

我正在尝试使用 pug 模板在我的页面上显示图像,但图像未显示在页面上。

我有以下设置/文件:

index.js

模板.pug

logo.png 位于 /dist/assets/ 文件夹中。

我没有收到任何错误,但图像未加载/显示,当我在新选项卡中从开发人员工具中打开图像链接时,会显示图像。不知道我是否遗漏了什么。谁能解释为什么这不起作用?