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

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

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

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]删除
最新教程 更多>
  • Next.js - 概述
    Next.js - 概述
    本文作为初学者友好的指南和使用 Next.js 的步骤。 Next.js 是一个用于构建 Web 应用程序的灵活框架。相反,它是一个构建在 Node.js 之上的 React 框架。 设置您的 Next.js 项目 要启动新的 Next.js 项目,您需要在计算机上安装 Node.js。 安装 安装...
    编程 发布于2024-11-02
  • 如何在代码中使用 Unsplash 图片
    如何在代码中使用 Unsplash 图片
    作为一名从事新 SaaS 项目的开发人员,我需要直接通过 URL 链接一些 Unsplash 图像。 最初,我看到一篇推荐使用 https://source.unsplash.com/ API 的文章(链接)。但是,此方法不再有效,并且仅从 URL 字段复制链接并不能提供嵌入所需的直接图像 URL...
    编程 发布于2024-11-02
  • 如何合并关联数组、处理缺失键以及填充默认值?
    如何合并关联数组、处理缺失键以及填充默认值?
    合并多个关联数组并添加具有默认值的缺失列将关联数组与不同的键集组合起来创建统一的数组可能具有挑战性。这个问题探索了一种实现此目的的方法,所需的输出是一个数组,其中键被合并,缺失的列用默认值填充。为了实现这一点,建议结合使用 array_merge 函数精心设计的键数组:$keys = array()...
    编程 发布于2024-11-02
  • 通过 testcontainers-go 和 docker-compose 来利用您的测试套件
    通过 testcontainers-go 和 docker-compose 来利用您的测试套件
    Welcome back, folks! Today, we will cover the end-to-end tests in an intriguing blog post. If you've never written these kinds of tests or if you stri...
    编程 发布于2024-11-02
  • 以下是一些适合您文章的基于问题的标题:

**直接简洁:**

* **如何在Windows控制台中正确显示UTF-8字符?**
* **为什么传统方法无法显示
    以下是一些适合您文章的基于问题的标题: **直接简洁:** * **如何在Windows控制台中正确显示UTF-8字符?** * **为什么传统方法无法显示
    在 Windows 控制台中正确显示 UTF-8 字符使用传统方法在 Windows 控制台中显示 UTF-8 字符的许多尝试均失败正确渲染扩展字符。失败的尝试:使用 MultiByteToWideChar() 和 wprintf() 的一种常见方法被证明是无效的,只留下 ASCII 字符可见。此外...
    编程 发布于2024-11-02
  • ReactJS 的模拟介绍
    ReactJS 的模拟介绍
    ReactJS 19:重要部分 并发模式增强: ReactJS 19 中最大的改进是并发模式,它不仅在应用程序自身更新时保持 UI 平滑和响应灵敏,而且还确保了无缝界面,尤其是在复杂的过渡(例如动画)时。 改进的服务器组件: 在 Python 的引领下,ReactJ...
    编程 发布于2024-11-02
  • 首届DEV网页游戏挑战赛评委
    首届DEV网页游戏挑战赛评委
    我被要求对DEV团队9月份组织的第一届网页游戏挑战赛提交的参赛作品进行评判,结果在10月初发布。 我们几个月来一直在 DEV 上组织挑战(迷你黑客马拉松),并计划宣布我们的第一个网页游戏挑战。鉴于您在游戏社区 和 dev.to 的专业知识和参与度,我们想知道您是否有兴趣成为客座评委。 谁能对此说“不...
    编程 发布于2024-11-02
  • 购买经过验证的现金应用程序帐户:安全可靠的交易
    购买经过验证的现金应用程序帐户:安全可靠的交易
    Buying verified Cash App accounts is not recommended. It can lead to security risks and potential account bans. If you want to more information just k...
    编程 发布于2024-11-02
  • 为什么 `std::function` 缺乏相等比较?
    为什么 `std::function` 缺乏相等比较?
    揭开 std::function 的等式可比性之谜难题:为什么是 std::function,现代 C 代码库的一个组成部分,不具备相等比较功能?这个问题从一开始就困扰着程序员,导致管理可调用对象集合的混乱和困难。早期的歧义:在 C 语言的早期草案中11 标准中,operator== 和operat...
    编程 发布于2024-11-02
  • JavaScript 类型检查 |编程教程
    JavaScript 类型检查 |编程教程
    介绍 本文涵盖以下技术技能: 在本实验中,我们将探索一个 JavaScript 函数,该函数检查提供的值是否属于指定类型。我们将使用 is() 函数,它利用构造函数属性和 Array.prototype.includes() 方法来确定值是否属于指定类型。本实验将帮助您更好地了解 ...
    编程 发布于2024-11-02
  • 使用 Streamlit 将机器学习模型部署为 Web 应用程序
    使用 Streamlit 将机器学习模型部署为 Web 应用程序
    介绍 机器学习模型本质上是一组用于进行预测或查找数据模式的规则或机制。简单地说(不用担心过于简单化),在 Excel 中使用最小二乘法计算的趋势线也是一个模型。然而,实际应用中使用的模型并不那么简单——它们通常涉及更复杂的方程和算法,而不仅仅是简单的方程。 在这篇文章中,我将首先构...
    编程 发布于2024-11-02
  • ## utf8_unicode_ci 与 utf8_bin:哪种 MySQL 排序规则最适合德国网站?
    ## utf8_unicode_ci 与 utf8_bin:哪种 MySQL 排序规则最适合德国网站?
    为德语选择最佳 MySQL 排序规则在设计为德语受众量身定制的网站时,支持像 ä、 ü 和 ß。当涉及特定于语言的要求时,排序规则的选择起着重要作用。字符集和排序规则对于字符处理,UTF-8 仍然是首选选项,提供广泛的字符支持。至于排序规则,需要考虑德语特定字符。排序规则类型MySQL 提供各种排序...
    编程 发布于2024-11-02
  • 异常处理基础知识
    异常处理基础知识
    Java中的异常处理由五个关键字管理:try、catch、 throw、throws和finally。 这些关键字构成了一个相互关联的子系统。 要监视的指令位于 try 块内。 如果try块中发生异常,则会抛出异常。 代码可以使用catch捕获并处理异常。 系统异常由Java运行时自动抛出。 要手...
    编程 发布于2024-11-02
  • 好的第一期:做出您的第一个开源贡献
    好的第一期:做出您的第一个开源贡献
    嘿,未来的开源贡献者! ? 一开始为开源做出贡献可能会令人生畏,尤其是当项目有数千行代码并且对问题进行深入讨论时。但这就是为什么好的首要问题存在。它们就像是一个友好的邀请,让你尝试一下并熟悉操作,而不会迷失在杂草中。将它们视为帮助您开始骑行的辅助轮。 无论如何,什么是好的第一期? 这...
    编程 发布于2024-11-02
  • 目录:Django 基础知识
    目录:Django 基础知识
    点击此处收听我的直播 目录:Django 基础知识 Django简介 Django框架概述 安装Python 设置虚拟环境 安装 Django 创建您的第一个 Django 项目 Django 项目结构 理解 Django 的项目布局 管理 Django 设置 配置数据库设置 urls.py、vi...
    编程 发布于2024-11-02

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

Copyright© 2022 湘ICP备2022001581号-3