我无法在Express的请求对象中声明新属性

Question

我正在尝试将新属性附加到打字稿中的请求对象。 这是代码：

import { request, Request, response, Response } from "express";

((req: Request, res: Response) => {
    console.log(req.user);
})(request, response)

我是这样声明的：

declare global {
   namespace Express {
      interface Request {
         user: string;
      }
   }
}

然后我用TS节点运行它。结果是：

/home/mahdi/Desktop/learn-stuf/test/node_modules/ts-node/src/index.ts:843
    return new TSError(diagnosticText, diagnosticCodes, diagnostics);
           ^
TSError: ⨯ Unable to compile TypeScript:
x.ts:9:21 - error TS2339: Property 'user' does not exist on type 'Request<ParamsDictionary, any, any, ParsedQs, Record<string, any>>'.

9     console.log(req.user);
                      ~~~~

    at createTSError (/home/mahdi/Desktop/learn-stuf/test/node_modules/ts-node/src/index.ts:843:12)
    at reportTSError (/home/mahdi/Desktop/learn-stuf/test/node_modules/ts-node/src/index.ts:847:19)
    at getOutput (/home/mahdi/Desktop/learn-stuf/test/node_modules/ts-node/src/index.ts:1057:36)
    at Object.compile (/home/mahdi/Desktop/learn-stuf/test/node_modules/ts-node/src/index.ts:1411:41)
    at Module.m._compile (/home/mahdi/Desktop/learn-stuf/test/node_modules/ts-node/src/index.ts:1596:30)
    at Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
    at Object.require.extensions.<computed> [as .ts] (/home/mahdi/Desktop/learn-stuf/test/node_modules/ts-node/src/index.ts:1600:12)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:827:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12) {
  diagnosticCodes: [ 2339 ]
}

我测试了太多网站的答案，但是其中一个没有起作用。请帮忙。

Answer 1

1. 首先，我认为您的声明文件遇到了一些问题。
   编辑文件之类的文件

export {}

declare global {
   namespace Express {
      interface Request {
         user: string;
      }
   }
}

，或

namespace Express {
  interface Request {
    user?: string
  }
}

2. 添加包含tsconfig中的声明文件的目录。由于我通常将其命名express.d.ts，然后放在src/types文件夹中，在我的情况下，tsconfig.json将被编辑最后

{
  "compilerOptions": {
    "typeRoots": ["src/types"],
  }
}

3. ，还将在tsconfig.json中添加TS节点配置。 （不在compileroptions中）

{
  "ts-node": {
    "files": true
  }
}

Answer 2

您是否正在寻找@type/express/express/express/express ？

您还可以使用 ：

function endpoint (req: Request, res: Response & {user: string;}) {
  console.log(req.user);
}

但是，也许您正在寻找req.body.user，type 响应＆lt; {user：string;}＆gt;？