Express显示默认错误页而非自定义视图，该如何解决？

按以下步骤逐一排查：

• 检查控制器的错误处理逻辑
  确认控制器中是否正确捕获验证错误并终止后续流程：

  1. 确保用validationResult(req)获取验证结果
  2. 当!errors.isEmpty()时，调用res.render渲染表单视图并立即return，避免后续代码执行抛出未捕获错误
     示例代码：

  const { validationResult } = require('express-validator');
  
  exports.category_create_post = async (req, res, next) => {
    const errors = validationResult(req);
    if (!errors.isEmpty()) {
      res.render('category_form', { 
        title: 'Create Category', 
        errors: errors.array(),
        category: req.body // 可选：回显用户输入的内容
      });
      return; // 必须加return，阻止后续代码运行
    }
    // 正常创建分类的逻辑
  };
  

• 验证异步代码的错误捕获
  如果控制器用了async/await，必须用try/catch包裹所有异步操作，避免未捕获的Promise异常触发默认错误页：

  exports.category_create_post = async (req, res, next) => {
    try {
      const errors = validationResult(req);
      if (!errors.isEmpty()) {
        res.render('category_form', { title: 'Create Category', errors: errors.array() });
        return;
      }
      const category = new Category({ name: req.body.name });
      await category.save();
      res.redirect(category.url);
    } catch (err) {
      next(err); // 仅在实际服务器错误时传递给错误处理中间件
    }
  };
  

• 检查Pug模板的错误渲染逻辑
  确认模板中正确接收并渲染errors变量，避免因模板渲染错误触发默认页：

  extends layout
  
  block content
    h1= title
    if errors
      .alert-danger
        ul
          each error in errors
            li= error.msg
    form(method='POST')
      div.form-group
        label(for='name') Category name:
        input#name.form-control(type='text', name='name', required=true, value=category?.name)
      button.btn.btn-primary(type='submit') Submit
  

  注意：如果要回显用户输入，需在渲染时传递category: req.body，模板中用category?.name避免undefined报错。

• 确认表单字段与验证规则匹配
  检查表单中input的name属性是否和控制器中验证规则的字段一致（比如验证的是name，表单input不能写成categoryName），否则会触发验证错误但后续逻辑可能因空值抛出异常。

• 检查错误处理中间件配置
  打开app.js确认自定义错误处理中间件是否正确配置，避免覆盖正常的错误渲染流程：

  // 错误处理中间件应该放在所有路由之后
  app.use((err, req, res, next) => {
    // 设置 locals，仅在开发环境提供错误信息
    res.locals.message = err.message;
    res.locals.error = req.app.get('env') === 'development' ? err : {};
    // 渲染错误页
    res.status(err.status || 500);
    res.render('error');
  });
  

  如果这个中间件逻辑有误，可能会在表单验证错误时错误触发。

内容的提问来源于stack exchange，提问作者mehkij