Tengo una página web de una tienda en línea que usa nodejs, express y mongodb, así que cargué la URL de la imagen, el título, la descripción... en mi base de datos, pero el problema es que en la página web se muestran 2 tarjetas negras antes de cada imagen que mostraré. ustedes el código de abajo:
Mira la imagen de abajo

índice.js

 var express = require('express'); var router = express.Router(); var Product = require('../models/product') /* GET home page. */ router.get('/', function(req, res, next) { Product.find(function(err, docs) { var productChunks = []; var chunkSize = 3; for (var i = 0; i < docs.length; i += chunkSize){ productChunks.push(docs.slice(i, i + chunkSize)); } res.render('shop/index', { title: 'Shopping Cart', products: productChunks }); }); }); module.exports = router;

índice.hbs

 {{# each products}} <div class="d-flex justify-content-between mt-3"> {{# each this}} <div class="card" style="width: 18rem;"> <img class="card-img-top" src="{{this.imagePath}}" alt="image"> <div class="card-body"> <h5 class="card-title">{{this.title}}</h5> <p class="card-text">{{this.description}}</p> <div class="d-flex justify-content-between align-items-center"> <div class="price">{{this.price}} $</div> <a href="#" class="btn btn-primary"><i class="fa fa-shopping-cart" aria-hidden="true"></i> Buy</a> </div> </div> </div> {{/each}} </div> {{/each}}

error a continuación: Haga clic para ver la imagen