Svelte / SvelteKit和Typescript:向窗口对象添加属性，或者扩展接口

Question

我有以下工作（运行）代码，但我得到TypeScript错误属性'onSubmit'不存在于类型'Window

function onSubmit() {
  . . .
}

onMount(() => {
  window.onSubmit = onSubmit; <-- Error
});

onDestroy(() => {
  window.onSubmit = null; <-- Error
});

在我的 global.d.ts 文件中，我尝试导出要导入的接口

export interface CustomWindow extends Window {
  onSubmit: () => void;
}

并声明全局

declare global {
  interface Window {
    onSubmit: () => void;
  }
}

两个解决方案都不成功，错误仍然存在。如何将属性添加到窗口对象以供TypeScript识别？

Answer 1

几乎是正确的，声明是正确的关键字，但您不需要用global来包装它。

下面添加它：

declare interface Window {
  onSubmit: () => void;
}

还要确保在你的global.d.ts中没有任何导入或导出s，因为这样它就不再被视为环境模块。