TypeScript:在窗口对象上分配自定义属性[duplicate]

Question

我有一个web扩展，可以在窗口对象上应用自定义对象，如：

window.extensionName // { method1: () => {} }

然而，在我的TypeScript文件中，当我引用< code > window . extension name 时，我得到以下错误:

Property 'extensionName' does not exist on type 'Window & typeof globalThis'.

但实际上它确实存在于window对象上，因为它是由扩展添加的。如何让TypeScript停止对此抱怨？

有没有办法为我的整个项目全局指定新对象的类型，以便TypeScript可以使用自动完成？

Answer 1

您可以使用声明var来声明extensionName存在于

declare var extensionName: { method1: () => {} };

window.extensionName.method1 = () => {
  return {};
}

演示

Answer 2

您可以通过声明合并扩展Window的定义。

这不会产生错误:

interface Window {
  extensionName: {
    method1: () => {}
  }
}

window.extensionName.method1 = () => {
  return {};
}

TypeScript操场演示了这一技术。