”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 我如何修复 TypeScript 设置问题:类型请求中不存在属性用户。

我如何修复 TypeScript 设置问题:类型请求中不存在属性用户。

发布于2024-11-02
浏览:639

How I Fixed My TypeScript Setup Issue: Property user does not exist on type Request.

问题
我一直在使用 TypeScript 和 Express.js 开发 Node.js 项目。有一次,我需要将一个用户对象附加到 Express Request 对象,但我遇到了这个 TypeScript 错误:

类型“Request”上不存在属性“user”。

我很快意识到发生这种情况是因为 Express 的默认 Request 对象不包含用户属性,而 TypeScript 对此并不满意。

我的初步修复
为了解决这个问题,我扩展了 Request 接口以添加用户属性。我是这样做的:

  1. 我在项目的 types 文件夹中创建了一个名为express.d.ts 的新文件:
// src/types/express.d.ts
import { User } from '@prisma/client'; // Assuming User is a Prisma model

declare global {
    namespace Express {
        interface Request {
            user?: User; // Add user to the Request interface
        }
    }
}
  1. 我更新了 tsconfig.json 以确保 TypeScript 选择这种新类型:
{
  "compilerOptions": {
    //extra options here
    "typeRoots": ["./node_modules/@types", "./src/types"] // Add the types folder
  }
}

此时,错误从我的代码编辑器中消失,所以我认为我已经解决了问题。但是当我尝试运行该项目时,我在终端中遇到了另一个错误:

错误 TS2339:类型“请求”上不存在属性“用户”。

卡了好几天
我花了 3-4 天的时间来解决这个问题,尝试了网上能找到的所有方法。我完全陷入困境,不明白为什么它不起作用。

解决方案
最后,我发现了根本问题并通过以下步骤修复了它:

  1. 全局安装 TypeScript:我意识到我没有全局安装 TypeScript 编译器(tsc),所以我运行了这个命令:

npm install -g typescript

  1. 在监视模式下运行 TypeScript 编译器:我使用 --watch 标志在工作时自动重新编译我的 TypeScript 代码:
    tsc --手表

  2. 重新启动我的代码编辑器:我重新启动了我的编辑器(在我的例子中是 VS Code)以确保所有内容都已正确加载。

  3. 运行项目:重新启动后,我再次运行该项目,它成功了!

结论
我原本以为是一个小问题,结果变成了几天的挫败感,但我终于成功了!如果您遇到类似的问题,TypeScript 无法识别 Express 的 Request 对象上的新属性,请记住:

正确扩展Request接口。
确保 TypeScript 的编译器 (tsc) 已安装并正常运行。
希望这可以帮助像我一样被困的其他人!

版本声明 本文转载于:https://dev.to/nikhilagr15/how-i-fixed-my-typescript-setup-issue-property-user-does-not-exist-on-type-request-46fj?1如有侵犯,请联系[email protected]删除
最新教程 更多>

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3