无法读取未定义PUG的属性&amp；#39；长度&amp；#39；

编程基础网前端问题

2022-01-01

Cannot read property amp;#39;lengthamp;#39; of undefined pug(无法读取未定义PUG的属性amp；#39；长度amp；#39；)

本文介绍了无法读取未定义PUG的属性&amp；#39；长度&amp；#39；的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我编写了此代码，得到错误JADE迭代：无法读取未定义的属性‘Long’尝试将数据发送到PUG视图，并且我无法读取它，因为它是错误的数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

app.get('/about', (req, res)=>{
  var partners =[
    { "name":"Name1", "image": "img1.jpg" },
    { "name": "Name2", "image": "img2.jpg" },
    {"name":"Name3", "image": "img3.jpg" }
  ];

  let lang = getLang(req, res, ['about']);

  res.render('about', {partners , ...lang});
});

extends layout

block content
  .subhead
    h2= about.title

  .content.about
    for item in about.team
      div.team
        h3
          span= item[0]
          small= item[1]
        p= item[2]
  each partner in partners
     li.swiper-slide
       img(src=partner.image, alt=partner.name)

推荐答案

这是当PUG模板没有正确传递变量时出现的错误。我敢打赌，您的节点服务器没有正确解释您的"新"JSON语法。

改用这个更基本的JSON，它就会起作用：

res.render('about', {
  "partners": partners,
  "lang": lang
});

这篇关于无法读取未定义PUG的属性&amp；#39；长度&amp；#39；的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

编程基础网

本文标题为：无法读取未定义PUG的属性&amp；#39；长度&amp；#39；

上一篇： Cypress：如何测试HTML5内置的验证弹出窗口？

下一篇：如何在Sublime Text 3中将此代码用作JS的代码片段？

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX