TypeScript中导入类型的环境声明

Question

我的TypeScript项目中有一个声明文件，如下所示：

// myapp.d.ts
declare namespace MyApp {
  interface MyThing {
    prop1: string
    prop2: number
  }
}

这很好用，我可以在项目中的任何地方使用这个名称空间，而无需导入它。

我现在需要从第三方模块导入一个类型并在我的环境声明中使用它：

// myapp.d.ts
import {SomeType} from 'module'

declare namespace MyApp {
  interface MyThing {
    prop1: string
    prop2: number
    prop3: SomeType
  }
}

编译器现在抱怨它找不到名称空间“MyApp”，可能是因为导入阻止了它处于环境中。

是否有一些简单的方法可以在使用第三方类型的同时保留声明的环境性？

Answer 1

不知道您是否仍在寻找答案，但这是正确的处理方法，并且仍然能够定义通用模块，而不仅仅是命名名称空间：（这是基于原始答案）

// myapp.d.ts

declare namespace MyApp {
  import {SomeType} from 'module'
  interface MyThing {
    prop1: string
    prop2: number
    prop3: SomeType
  }
}

Answer 2

由于TS 2.9，这可以通过import（）实现：

// myapp.d.ts
declare type SomeType = import('module').SomeType;
declare type SomeDefaultType = import('module-with-default-export').default;


declare namespace MyApp {
  interface MyThing {
    prop1: string;
    prop2: number;
    prop3: SomeType | SomeDefaultType;
  }
}

Answer 3

是的，有一种方法。在TypeScript 2.9中，通过使用导入（）类型变得更容易，但在早期版本的TypeScript中也可以使用。

以下文件是一个脚本。脚本中声明的内容将添加到全局范围。这就是为什么你可以使用MyApp。虚构而不导入它。

// myapp.d.ts
declare namespace MyApp {
  interface MyThing {
    prop1: string;
    prop2: number;
  }
}

脚本的局限性在于它们无法导入任何内容；添加导入时，脚本将成为一个模块。我认为至少可以说这很奇怪，但事实就是这样。重要的是，在模块中定义的内容被限定在该模块的范围内，而不是添加到全局范围。

但是，模块也可以将声明添加到全局范围，方法是将它们放在global中：

// myapp.d.ts
import {SomeType} from 'module';

declare global {
  namespace MyApp {
    interface MyThing {
      prop1: string;
      prop2: number;
      prop3: SomeType;
    }
  }
}

该文件是一个模块，但它在全局范围内添加了MyApp. MyThing的声明，因此您仍然可以在其他TypeScript代码中使用MyApp. MyThing而无需导入它。

请注意，使用.d.ts扩展名与您无需导入即可访问接口无关。上述两个文件都可能是. ts文件，并且仍然表现完全相同。