在我的 Vue 3 应用程序的组件中，我需要使用窗口上的一些自定义属性，如下所示：

window.ZohoHCAsapSettings = { //<-- ERROR HERE
  ticketsSettings: {
    preFillFields: {
      email: {
        defaultValue: user.value?.email,
      },
    },
  },
};

但是我在 ZohoHCAsapSettings 上遇到 TypeScript 错误：

Property 'ZohoHCAsapSettings' does not exist on type 'Window & typeof globalThis'. ts(2339)

所以我尝试像这样扩展窗口：

interface customWindow extends Window {
  ZohoHCAsapSettings?: unknown;
}
declare const window: customWindow; //<-- ERROR HERE
window.ZohoHCAsapSettings = {
  ticketsSettings: {
    preFillFields: {
      email: {
        defaultValue: user.value?.email,
      },
    },
  },
};

这会消除 ZohoHCAsapSettings 上的错误，但会在 declare 上生成另一个错误，内容如下：

Modifiers cannot appear here. ts(1184)

我是 TypeScript 新手，所以不确定这里发生了什么。

如果重要的话，我正在使用 Visual Studio Code 作为我的 IDE。

有什么想法吗？