如何在渲染 ejs 视图 Node.js 时捕获错误

Posted 2023-03-07

【中文标题】如何在渲染 ejs 视图 Node.js 时捕获错误

【英文标题】：how to catch errors when rendering ejs view Node.js

【发布时间】：2016-04-22 09:49:38

【问题描述】：

请注意，我从数据库返回的任何记录都包含一些丢失的数据，我的视图会呈现一个错误页面，如图像中所示，关于我的代码的所有内容看起来都是正确的，但是如果有例如丢失的 ID出于任何原因的数据记录。我不确定。这应该是可以预料的。但我的问题是如何避免这种情况并捕获此类错误或可能通过消息呈现体面的视图。 我有这个作为我的服务器代码

ItemOffers.paginate('OfferedByID': req.user._id, 
    page: page,
    limit: 10,
    populate: ['UserID', 'GuestUserID']
, function (err, result, pageCount) 
    if (err) 
        console.log('Error Occured' + err)
    
    console.log(result);
    mypageCount = pageCount;
    res.render('manageoffers', data: result, mylink: data, PCount: pageCount ,SuccessMessage: req.flash('SuccessMessage'), ErrorMessage: req.flash('ValidationError'));
);

这在我的 ejs 模板中

  <% if(data.length)
                        for(var i in data) %>
                <div class="article-detail">
                    <div class="product-detail">
                        <img   src="/images/<%= data[i].ItemImage %>">
                        <div class="description"><h5 style="color: #0044cc"> <%= data[i].ItemName %></h5>
                            <span><b><%=__('Item Number:')%></b><%= data[i].ItemNumber.toUpperCase() %> </span>
                            <span ><b><%=__('Borrowed Date:')%></b></span>
                            <span class="head2"><%= data[i].BorrowDate.toDateString() %> </span><br>
                            <span><b><%=__('Offer Type:')%></b><%= data[i].OfferType%> </span>
                            <span><b><%=__('Booking Number:')%> </b><%= data[i].BookingNo.toUpperCase() %> </span><br>
                            <span class="head1"><b><%=__('Return Date:')%></b></span><span class="head2" style="color:crimson;"><%= data[i].ReturnDate.toDateString() %> </span>
                            <span><b><%=__('Offer Status:')%></b><%= data[i].ItemStatus %> </span><br>
                            <span class="spl-chr"><%=__('Offered to:')%><a href="/user/<%= typeof data[i].UserID!='undefined' ? data[i].UserID._id:data[i].GuestUserID._id %> %>"><%= typeof data[i].UserID!='undefined' ? data[i].UserID.UserName:data[i].GuestUserID.FirstName %></a></span>
                            <span class="manage-btn">                                 
                                <span><a class="btn btn-default" href="/manage/edit/<%= data[i].id %>"><%=__('Edit')%></a></span>
                                <span><a class="btn btn-danger" href="/manage/delete/<%= data[i].id %>"><%=__('Delete')%></a></span>
                            </span>
                        </div>
                    </div>
                </div>
                <% 

【问题讨论】：

为什么不将你的函数封装在 try/catch 中？

你意识到你有语法错误，GuestUserID 的行有两个结束 %>

错误提示“无法读取null的属性_id”，意思是UserID或GuestUserID是null，而不是undefined

@adeneo ，你是对的，在这种情况下，我想向用户显示一个适当的消息，而不是我目前得到的消息

然后您检查null，并显示您想要的任何消息，将每条路由包装在 try/catch 块中似乎是一种可怕的解决方法。

【参考方案1】：

为了正确报告节点中的错误，我使用errorhandler

var errorHandler = require('errorhandler');

在顶部和

if( env == 'development')

    errorHandler.title = "Ups...";
    app.use(errorHandler());

就在app.listen() 之前，但这只是为了显示在开发过程中有用的格式正确的错误页面。

如果您想捕捉生产中的错误并显示替代（用户可见）视图，那么您应该使用快速中间件架构。您可以定义一个自定义错误类并使用它将失败的视图中的信息传递给错误处理函数：

// define a custom error class
function MyCustomError(customInfo)

    Error.captureStackTrace(this, this.constructor);
    this.name = this.constructor.name;
    this.message = "error:" + customInfo;

util.inherits(MyCustomError, Error);

// your view
function view1(req,res,next)

   try 
     //... prepare context
     return res.render('template.ejs', context);
   
   catch(e)
   
     // here you can analyze the cause of error and pass useful info to
     // error handler
     return next(new MyCustomError('template failed:' + e.message));
   


function handleError: function(err,req,res,next)

  // it's up to you how you handle the error, you can render an
  // alternate view or redirect to an error view
  if( err instanceof MyCustomError )
     return res.redirect(301, 'error.html');

   next(err);


// all of this is set up like this
// ...
app.get('/view1',view1);
app.use(handleError);
// ...

【讨论】：

感谢您的回复。请问这也可以用于部署环境或生产环境吗？

查看我的更新答案：您想在开发和生产过程中做不同的事情

注意：在 app.listen 之前执行此操作确实非常重要...如果将app.use(errorhandler()) 放在相应的app.use/app.get 之前，则不会发生任何事情...

嗨@Kwaadjei ...如果这对您有用...请将其标记为已接受？谢谢！