NodeJS 崩溃并显示三个点

Question

我的 nodejs 项目有一个非常奇怪的问题。该项目是一个带有 express 和 handlebar 的在线商店，它连接了一个 mongo 数据库。在路由器部分我有这个代码：

router.get('/item/:item', function (req, res, next) {
var actItem = {};
Item.find().findOne({ '_id': req.params.item }, function (err, item) {
    actItem.name = item.item_name;
    actItem.price = item.price;
    actItem.description = item.description;
    actItem.imageLink = item.imageLink;

});
res.render('pages/shop/item-view', { title: 'Express', item: actItem });

});

它在数据库 URL 中查找项目 ID，它 returns 视图传递要显示的数据。它工作得很好但是在视图中我有这个代码：

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
    <div class="carousel-item active">
        <img class="d-block w-100" src="{{item.imageLink}}" alt="First slide">
    </div>
    <div class="carousel-item">
        <img class="d-block w-100" src="" alt="Second slide">
    </div>
    <div class="carousel-item">
        <img class="d-block w-100" src="" alt="Third slide">
    </div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
</a>

而且效果也很好！但问题来了。每当我在任何 src 属性中添加三个点时，它就会崩溃。更奇怪的是，即使我在 chrome 渲染后编辑 html 文档并添加它们，它也会崩溃，如下所示：

<img class="d-block w-100" src="..." alt="Second slide">

崩溃的错误是这样的：

actItem.name = item.item_name;
                    ^
TypeError: Cannot read property 'item_name' of undefined

知道如何解决这个问题以及为什么会这样吗？

解决方案

我通过在做任何事情之前检查该项目设法解决了这个问题。

if (item) {
  actItem.name = item.item_name;
  actItem.price = item.price;
  actItem.description = item.description;
  actItem.imageLink = item.imageLink;
}

发生这种情况是因为当我使用 ... 浏览器发出请求 /item/... 以获取图像时，req.params.item 的值变为 ... 而在数据库中没有条目与 _id = ... 。所以项目值是未定义的

Answer 1

findOne 是一个异步函数，因此在其中调用 res.render，并检查项目是否不为空：

router.get('/item/:item', function (req, res, next) {
var actItem = {};

    Item.find().findOne({ '_id': req.params.item }, function (err, item) {
        if(item){
            actItem.name = item.item_name;
            actItem.price = item.price;
            actItem.description = item.description;
            actItem.imageLink = item.imageLink;
            res.render('pages/shop/item-view', { title: 'Express', item: actItem 
         }
         else{
            res.render('pages/shop/item-view', { title: 'Express', item: 'defaultValue'});
         }

    });
 });

NodeJS 崩溃并显示三个点

NodeJS crashed with three dots

node.js

mongodb

express

handlebars.js

express-handlebars

解决方案