Typescript Не могу реализовать универсальный интерфейс функции

Question

Я пытаюсь реализовать универсальный интерфейс функций и не могу заставить его работать.

IToken.ts

export interface IToken {
  token: string;
  expires: number;
}

ITokenMapper.ts

export interface ITokenMapper {
  <T>(apiResult: any): T;
}

tokenMapper.ts

import {ITokenMapper} from "./interfaces/ITokenMapper";
import {IToken} from "./interfaces/IToken";

export const tokenMapper: ITokenMapper = function <IToken>(apiResult: any): IToken {
  if(apiResult.token && apiResult.expires) {
    return {token: apiResult.token as string, expires: apiResult.expires as number}
  }
  throw new Error('Unable to parse token');
};

Вот скриншот из tokenMapper.ts о том, что импорт IToken не используется, но я должен его использовать:

Редактировать: Использование Typescript 3.0.3

Answer 1

Итак, вот что я изменил, чтобы заставить его работать

ITokenMapper.ts -> IMapper.ts переименован и обновлен

export type IMapper<T> = (apiResult: any) => T;

tokenMapper.ts -> abpTokenMapper.ts переименован и обновлен

import { IMapper } from "../../utils/IMapper";
import { IToken } from "../interfaces/IToken";

export const abpTokenMapper: IMapper<IToken> = (apiResult: any) => {
  if (apiResult.accessToken && apiResult.expireInSeconds) {
    return { token: apiResult.accessToken as string, expires: apiResult.expireInSeconds as number }
  }
  throw new Error('Unable to parse token');
};

Answer 2

Я полагаю, что вы можете выполнить набор текста с помощью универсального интерфейса ITokenMapper<T>

interface IToken {
    token: string;
    expires: number;
}

interface ITokenMapper<T> {
    (apiResult: T): T;
}

const tokenMapper: ITokenMapper<IToken> = function (apiResult) {
    if(apiResult.token && apiResult.expires) {
      return { token: apiResult.token as string, expires: apiResult.expires as number};
    }

    throw new Error('Unable to parse token');
};

От: https://www.typescriptlang.org/docs/handbook/generics.html#generic-types