解决Typescript 中 TS2339 报错：Property does not exist on type 'Global'”

最新推荐文章于 2024-07-26 22:31:37 发布

空谷

最新推荐文章于 2024-07-26 22:31:37 发布

阅读量3.9w

点赞数 1

分类专栏：前端开发文章标签： Typescript Electron

本文链接：https://blog.csdn.net/simplehouse/article/details/95502071

版权

前端开发专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在用 TS 进行 electron 开发时，我需要在 main 端将一些方法数据挂在在 global 对象上。比如我需要将 windows 对象挂在到 global 上，但是一写则报 TS2339 这个错误：

Property 'windows' does not exist on type 'Global'.

网上找了很多办法，比如定义全局 type 文件等等，最后的结局方法如下。

最终解决方法

// windows.ts
// import ....

declare global {
  namespace NodeJS {
    interface Global {
      windows: Electron.BrowserWindow;
    }
  }
}

// ...业务代码

global.windows = window

// ...业务代码

解决方案原理

在官方的 handbook 中，有一段解释如下：

在TypeScript中，就像在ECMAScript 2015中一样，任何包含顶级 import 或者 export 的文件都被视为模块（Modules）。相反，没有任何顶级导入或导出声明的文件被视为脚本，其内容在全局范围内可用（因此也可用于模块）。

直白的话就是，当有 import 或者 export 之后，所有的对象都是在这个模块中了，所以不能够采用 global.d.ts 的方法重新定义一个 typings 文件。所以如果需要修改 global 这个对象，必须在当前文件下 declare 出 global 对象然后在 NodeJS 的命名空间中扩展 Global 的字段。