如何声明一个对象并在 pug js 中对其进行迭代？

Question

我的代码有什么问题，我试图将一些数据存储在一个对象中并对其进行迭代。密码是

extends ../layouts/default-layout.pug

block variables
  -
    var blogPosts = [{
    tag: 'travel',
    title: '25 Things to See and Do in Barcelona',
    }, 
    {
    tag: 'travel',
    title: '25 Things to See and Do in Barcelona',
    },  
    {
    tag: 'travel',
    title: '25 Things to See and Do in Barcelona',
    }];

block content
 .row
    .col-md-6.text-center
        each val in blogPosts
              p= blogPosts.tag

它给出以下错误

Unexpected block variables
Details:
    code: PUG:UNEXPECTED_BLOCK
    msg: Unexpected block variables
    line: 3
    column: 1
    filename: C:\Users\Osman Rafi\Desktop\Pug-Sass-Starter\src\pug\pages\index.pug
    src: undefined
    toJSON: function () {
    return {
      code: this.code,
      msg: this.msg,
      line: this.line,
      column: this.column,
      filename: this.filename
    };
  }

我该如何解决这个问题？你能帮助我吗？提前致谢。

Answer 1

错误消息指出：

Unexpected block variables

这意味着您要扩展的 ../layouts/default-layout.pug 模板没有为 Pug 定义的 variables 块来放置该内容。

您可以在该 default-layout 模板上声明一个 variables 块，或者您可以从此页面中删除 block variables 并将内容放在 [=15] 的顶部=]块。

如何声明一个对象并在 pug js 中对其进行迭代？

How to declare an object and iterate it in pug js?

html

frontend

web-frontend

pug