扩展TypeScript的控制台界面

Question

我想在window.console全局中添加一个对象.

import Reactotron from 'reactotron-react-native';

window.console.tron = Reactotron;

虽然当我这样做时,TypeScript抱怨新对象:

错误TS2339:"控制台"类型中不存在属性"tron".

我正在考虑扩展Console接口:

interface ConsoleWithTron extends Console {
  tron: any
};

虽然,我不知道如何将这个新接口分配给我的全局控制台对象？

帮助会很棒!

谢谢.

Answer 1

你可以只增加Console界面本身.请参阅合并接口:

interface Console {
    tron: any
}

如果Console要从模块内部进行扩充,则必须将其包含在declare global { }块内.请参阅全局扩充

declare global {
    interface Console {
        tron: any
    }
}