如何在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

错误信息指出。

意外的块状变量

这意味着 ../layouts/default-layout.pug 的模板中，没有您所扩展的 variables 块，以便Pug将这些内容放入其中。

你可以声明一个 variables 当中 default-layout 模板，或者您可以删除 block variables 的内容，而将其放在了这个页面的顶部。content 块。