TypeScript 错误：“窗口”类型上不存在属性“X”

为什么 declare const window: any; 有效？

因为您声明了一个 any 类型的局部变量。拥有 any 类型的东西实质上会关闭 window 的类型检查，因此您可以用它做任何事情。我真的不推荐这个解决方案，它是一个非常糟糕的解决方案。

为什么 type Window = { FB: any } 不起作用？您定义了一个类型 Window。如果在模块中定义此类型，则与全局 window 对象的类型无关，它只是在您的模块中恰好称为 Window 的类型。

好的解决方案 要扩展 window，您必须扩展全局 Window 接口。你可以这样做：

declare global {
    interface Window {
        FB:any;
    }
}

let FB = window.FB; // ok now

请注意，此扩展将在您的整个项目中可用，而不仅仅是您在其中定义它的文件。此外，如果 FB 有定义，您可能会考虑更好地键入它 (FB: typeof import('FBOrWhateverModuleNameThisHas'))

有几种方法可以解决这个问题：

一些例子：

1-) 做一个演员表：

(window as any).X

2-) 将以下代码放入文件 react-app-env.d.ts

interface Window {
  X?: {
    Y?: {
      .......
    }
  }
}

无需声明即可轻松解决问题

window["FB"]

我在没有声明全局的情况下使用它

declare const window: Window &
   typeof globalThis & {
     FB: any
   }

更好的是

declare global {
  interface Window {
    FB: {
      CustomerChat: {
        hide: () => void;
        show: () => void;
      };
    };
  }
}

我在我的角度代码中遇到了这个问题。下面的解决方案帮助我解决了这个问题。

我通过在 src 中创建文件夹名称类型解决了这个错误，并在该文件夹中创建了 index.d.ts 文件。

index.d.ts 文件将包含以下代码。

export {};
declare global {
  interface Window {
    chrome: any;  // this will be your variable name
  }
}

如果错误仍然存在，请尝试将类型目录的路径添加到 tsconfig.json 文件中。

{
  "compilerOptions": {
    // ... rest
    "typeRoots": ["./node_modules/@types", "./src/types"]
  }
}