哈巴狗 - 从json对象中取出键

Question

我正在尝试使用PUG的模板引擎和JSON作为数据库创建一个页面网站。最终，我想将我的不同"页面"存储在JSON文件中，然后在PUG模板中使用不同的变量/Mixins渲染JSON，但是我不断收到错误，cannot read property "company" of undefined。

任何帮助将不胜感激。

这是我构建我的哈巴狗文件，然后将JSON的任务输送到模板中：

// build the Pug files into HTML
gulp.task('build-pug', function buildHTML(){
  var dataFile = 'source/javascript/pages.json';
  return gulp.src('source/**/*.pug')
    .pipe(data(function(file){
      return JSON.parse(fs.readFileSync(dataFile));
    }))
    .pipe(pug({
      pretty: true
    }))
    .pipe(gulp.dest('public'))
    .pipe(browserSync.reload({
      stream: true
    }));
});

这是我的pages.json文件：

{
    "pages": [
        {
            "year": "2016",
            "company": "Abacus",
            "home": "./assets/images/2016/home/abacus.png",
            "home-url": "http://abacus.com",
            "login": "./assets/images/2016/login/abacus.png",
            "login-url": "http://abacus.com/login",
            "pricing": "./assets/images/2016/pricing/abacus.png",
            "pricing-url": "http://abacus.com/pricing"
        },
        {
            "year": "2016",
            "company": "Alfred",
            "home": "./assets/images/2016/home/alfred.png",
            "home-url": "http://alfred.com"
        }
    ]
}

这是在我的index.pug文件中

section.pricing
    h1 Pricing Pages
    div.content.pricing
        each page in pages
            p= page.pages.company

Answer 1

在用

pug中替换您的最后一行怎么办

p= page.company