Vue アプリケーションのウィンドウ オブジェクトで発生する Typescript エラーを修正するにはどうすればよいですか?

Question

Vue 3 アプリケーションのコンポーネントでは、次のようにウィンドウでいくつかのカスタム プロパティを使用する必要があります。 リーリー

しかし、

ZohoHCAsapSettings で TypeScript エラーが発生します: リーリー

そこで、次のようにウィンドウを展開してみます。

リーリー

これにより、

ZohoHCAsapSettings でのエラーは解消されますが、declare で次の内容の別のエラーが生成されます: リーリー

私は TypeScript を初めて使用するので、ここで何が起こっているのかわかりません。

大事なことですが、私は Visual Studio Code を IDE として使用しています。

＃＃＃何か案は？

Answer 1

＃＃＃これはどう：＃＃＃ リーリー

ここで働きます:

TS プレイグラウンド

Answer 2

@Buszmen が指摘したように、グローバル Window インターフェイスは新しいプロパティで 拡張する必要があります。型宣言は通常、独自の .d.ts ファイルに保存されます (たとえば、グローバル変数は src/globals.d.ts です)。

npm init vue、npm init vite、または Vue CLI によって構築されたプロジェクトを使用している場合、重要なのは、global 名前空間を指定することです。 ## リーリー