如何从 Typescript 中的另一个“插件”模块扩充模块

Question

如果我键入一个名为“foo”的模块，如下所示：

declare module "foo" {
    interface App {
        bar: boolean;
    }

    namespace foo {}

    function foo(): App;

    export = foo;
}

当导入另一个名为foo-plugin 的模块时，如何向App 接口添加新属性？

declare module "foo-plugin" {
    interface App {
        additional: string;
    }
}

我尝试了https://www.typescriptlang.org/docs/handbook/declaration-files/templates/module-plugin-d-ts.html 中描述的模式，但它不起作用，它只能看到bar 属性。

如果我将 App 界面设为顶级，则合并声明，但无需导入 foo-plugin。

这就是 chai-as-promised 和 sinon-chai 发生的情况。此代码可以编译，但当然会引发异常，因为 eventually 未定义。它是某种 Typescript 限制并且必须被接受吗？

import { expect } from 'chai';

describe('Dummy', () => {
    it('passes', () => {
        expect('foo').to.eventually.equal(5);
    });
});

谢谢..

Answer 1

在这里查看example with axios

基本上在您的插件上将其命名为与您要扩展的模块相同的名称

declare module "foo" { // foo-plugin
    interface App {
        additional: string;
    }
}

Declaration Merging on TypeScript docs