升级TypeScript至4.4.3后提示Navigator不存在msSaveBlob属性如何解决

报错原因 #

TypeScript 4.4版本开始官方移除了内置类型定义中的旧版IE专属API声明，因此你升级版本后原本可以正常构建的代码，会出现msSaveBlob属性不存在的类型错误，该问题仅和类型检查相关，不会影响代码实际运行逻辑。

是否需要移除旧版IE支持 #

你可以结合项目实际情况决策：

• 若你的库仍有可观比例的用户在IE浏览器环境下使用，保留IE兼容可以维持功能覆盖度，无需主动移除支持。
• 若你的用户群体已基本迁移至现代浏览器，结合微软已经停止IE官方支持的现状，移除IE兼容可以降低后续维护成本。

保留IE兼容的解决方案 #

无需修改原有业务逻辑，通过调整类型规则即可解决构建报错，推荐两种方案：

• 方案1：全局扩展Navigator接口（推荐）
  在项目中新增global.d.ts类型声明文件，写入以下内容：

  interface Navigator {
    msSaveBlob?: (blob: Blob, filename?: string) => boolean;
  }
  

  TypeScript会自动合并该接口定义，识别msSaveBlob为合法的可选属性，该方案类型安全，无额外依赖，适配长期维护需求。
• 方案2：局部类型断言
  若仅用到少量IE专属API，不想新增全局类型，可以在调用位置临时使用类型断言跳过检查：

  if ((window.navigator as any).msSaveBlob) {
    (window.navigator as any).msSaveBlob(blob, filename);
  }
  

  该方案改动量极小，适合快速修复场景。

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