Не удалось создать пользовательский тип ответа в Express.js с помощью TypeScript

Я пытаюсь настроить свой собственный интерфейс Response, чтобы расширить некоторые методы вместо использования типа Response по умолчанию для Express.js, но получаю ошибку TypeScript:

Последняя перегрузка выдала следующую ошибку. Аргумент типа '(req: Запрос, разрешение: CustomResponse, следующий: NextFunction) => void' не является назначаемый параметру типа PathParams.ts(2769)

Я исследовал много разных способов решения этой проблемы, например: declare namespace но мне это не помогло, поэтому я решил выбрать другой способ, который является настраиваемым для моего интерфейса и расширяет интерфейс Response Express.js. Ниже мой код:

import { Response } from 'express';

interface CustomResponse extends Response {
   myMethod: () => void;
}

...

app.use((req: Request, res: CustomResponse, next: NextFunction) => {  // <=== error causing from CustomResponse
   res.myMethod();
});

Вы можете найти пример добавления пользовательского свойства к объекту экспресс-запроса с использованием слияния деклараций здесь

TBA 11.07.2024 22:36

Если этот пример не работает, не могли бы вы рассказать, как вы пытались использовать его в своем коде?

TBA 11.07.2024 22:36
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
2
53
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете явно ввести приведение типа этого

  app.use((req: Request, res: Response, next: NextFunction) => {  
       const customResponse = res as CustomResponse;
       customResponse.myMethod();
       //customResponse.send();
    });

огромное спасибо, это должно быть в последнюю очередь.

Epple 13.07.2024 01:03

Другие вопросы по теме

Похожие вопросы