在打字稿中扩展表达请求类型

Question

重复： 使用 Typescript 扩展 Express Request 对象

import { Router } from 'express';
import * as uuid from 'uuid';

我正在使用打字稿 3.6.4。 我正在扩展 express.Request 类型，因为我想添加 id 字段：

interface request extends Express.Request {
    id: string
}

如果我创建一个带有设置 id 的中间件的 post 方法：

router.post('/orders', (req: request, _res: express.Response, next) => {req.id = uuid.v1(); next();}, async function (req: request, res: express.Response) {
...
});

但是我在 req: request 中遇到错误

tscongif.json

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "lib": [
      "es5",
      "es6",
      "dom", 
      "es2017", 
      "esnext.asynciterable"
   ],
    "strict": true,
    "alwaysStrict": true,
    "noImplicitAny": true,
    "strictNullChecks": true,                 
    "strictFunctionTypes": true,              
    "strictPropertyInitialization": false,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "baseUrl": "./src",
    "esModuleInterop": true,
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true,

    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "forceConsistentCasingInFileNames": true,
    "sourceMap": true,
    "outDir": "./dist",
    "removeComments": true
  },
  "exclude": ["node_modules"],
  "include": [
    "./src/**/*", "./src/**/*.tsx", "./src/**/*.ts"
  ]
}

Answer 1

复制： 使用Typescript扩展Express Request对象

import { Router } from 'express';
import * as uuid from 'uuid';

我正在使用打字稿3.6.4。 我正在扩展express.Request类型，因为我想添加id字段：

interface request extends Express.Request {
    id: string
}

如果我使用设置ID的中间件创建post方法：

router.post('/orders', (req: request, _res: express.Response, next) => {req.id = uuid.v1(); next();}, async function (req: request, res: express.Response) {
...
});

但我在req：请求中遇到错误

tscongif.json

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "lib": [
      "es5",
      "es6",
      "dom", 
      "es2017", 
      "esnext.asynciterable"
   ],
    "strict": true,
    "alwaysStrict": true,
    "noImplicitAny": true,
    "strictNullChecks": true,                 
    "strictFunctionTypes": true,              
    "strictPropertyInitialization": false,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "baseUrl": "./src",
    "esModuleInterop": true,
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true,

    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "forceConsistentCasingInFileNames": true,
    "sourceMap": true,
    "outDir": "./dist",
    "removeComments": true
  },
  "exclude": ["node_modules"],
  "include": [
    "./src/**/*", "./src/**/*.tsx", "./src/**/*.ts"
  ]
}

Answer 2

这个对我有用！

declare module "express" {
  interface Request {
    id: string
  }
}