如何通过.d.ts文件为TypeScript的window对象添加全局函数？

我来帮你搞定这个困扰！你遇到的问题其实是因为在.d.ts文件里扩展Window接口的正确写法和单个.ts文件里略有不同，咱们调整一下写法就能让全局类型定义在所有文件中生效了。

第一步：编写正确的window.d.ts文件 #

把你的类型定义改成下面这样，关键是要加上export {}这一行，让TypeScript把这个文件识别为模块，这样里面的全局扩展才能正确合并到全局作用域中：

declare global {
  interface Window {
    // 这里建议尽量替换掉any，明确函数的参数和返回值类型会更安全，比如：
    // openConformationModal?: (message: string, onConfirm: () => void) => void;
    openConformationModal?: any;
  }
}

// 必须添加这一行，将文件标记为模块，确保全局扩展生效
export {};

第二步：确认tsconfig.json配置细节 #

虽然你已经配置了typeRoots，再检查两个小细节：

• typeRoots的路径应该指向包含.d.ts文件的文件夹，而不是具体文件。比如你的window.d.ts在src/types目录下，配置应该是：

  {
    "compilerOptions": {
      // 其他配置...
      "typeRoots": ["src/types"]
    }
  }
  

• 确保这个.d.ts文件没有被exclude配置排除在外，不过你说其他.d.ts能正常识别，这一步大概率没问题。

第三步：重启TypeScript服务 #

写完配置后，记得重启一下TypeScript的语言服务（比如在VSCode里按Ctrl+Shift+P，搜索并选择"TypeScript: Restart TS Server"），这样新的类型定义才能被正确加载。

现在你在任意.ts文件里直接使用window.openConformationModal时，TypeScript就能识别到这个全局函数的类型了，不用再在每个文件里重复写声明啦！

内容的提问来源于stack exchange，提问作者Stefan