如何扩展@type/express请求接口？

Question

虽然人们问过类似的问题，但这些答案都解决不了我的问题。我在TypeScript 2.9.2中，我试图向Express请求对象添加一个上下文对象。我想在一个.d.ts文件中这样做。

我目前拥有的是：express.d.ts

declare namespace Express {
    interface Request {
        context: any;
    }
}

但是，它不会编译，因为‘`Property’上下文‘在类型'Request’上不存在。

在我的其他文件中，Webstorm声称请求类型是从正确的文件中导入的。

我的印象是，我可以利用声明合并，而不必导入或导出类型定义。

这不对吗？

Answer 1

只需做一个小小的修改就可以了：

declare namespace Express {
    export interface Request {
        context: any;
    }
}

当我们在名称空间中定义一个接口(或者，实际上，从常量到类)时，默认情况下，它只对同一个名称空间的成员可见，如手册中所述。通过添加export，我们让TypeScript知道外部代码必须使用这个接口，并且它将正确地合并到现有的声明中。

这不是真正的导出，因为它来自模块(在顶层)，因为名称空间本身是declared，而不是exported。所以您只需像往常一样从模块导入它：

import * as express from 'express';

Answer 2

使用当前版本的TypeScript，您不需要创建.d.ts文件。

import express from "express";

export type MyRequest = express.Request & {
  context?: any;
};

然后使用它来代替常规的请求对象：

app.use(function (req: MyRequest, res: Response, next: NextFunction) {
  req.context = {};
  next();
}