带有 TypeScript 错误状态类型的 Express

Question

我正在构建我的第一个 TypeScript Express 项目，但在配置 app.ts 文件时遇到了困难。我从 @types/node 和 @types/express 导入了所有必需的类型，并将它们应用于以下函数：

import { NextFunction } from "express";
import { Request, Response } from "express";

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);

// catch 404 and forward to error handler
app.use(function(req: Request, res: Response, next: NextFunction) {
  next(createError(404));
});

// error handler
app.use(function(err: Error, req: Request, res: Response, next: NextFunction) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

我现在遇到的问题是我想呈现一个错误页面，其状态存储在错误对象上。 TypeScript 在此行的 status 上标记错误：

  res.status(err.status || 500);

这是错误：

Property 'status' does not exist on type 'Error'.ts(2339)

我尝试扩展从@types/express 导入的Error 类型，但我也无法让它工作。

interface ErrorStatus extends Error {
    status: number;
}

我找不到任何有类似问题的人，因为我认为在使用 Express-generator 包时这是一个相当常见的错误。任何帮助将不胜感激，谢谢。

Answer 1

更改此行：

app.use(function(err: Error, req: Request, res: Response, next: NextFunction)

到这里：

app.use(function(err: ErrorStatus, req: Request, res: Response, next: NextFunction)

现在你的 err 对象应该有这个属性