TypeScript编译报错：display属性类型不匹配及Set未定义

错误1：display属性需为FontDisplay类型但实际为string #

• 即便你没直接使用字体，也可能是第三方库或DOM API的类型定义触发了这个错误。比如部分浏览器API的类型声明里，display字段被约束为FontDisplay枚举类型，而你的代码中可能给某个对象的display属性赋值了字符串（比如"block"这类）。
• 修复方案：
  1. 检查Utils.ts里所有用到display属性的地方，确认赋值的字符串是否符合FontDisplay的允许值（如"auto"、"block"、"swap"等）。如果是DOM元素的style.display，它本身应该是字符串类型，可通过类型断言解决：element.style.display = "block" as unknown as FontDisplay;
  2. 若找不到代码里的display，检查tsconfig.json的lib配置，确保包含DOM库，避免类型定义不全导致的误判。

错误2：找不到Set类型 #

• 这通常是TypeScript未识别ES6及以上标准库类型导致的。Set是ES6新增的集合类型，若tsconfig.json里的target或lib配置版本过低，就会出现该错误。
• 修复方案：
  1. 打开tsconfig.json，将target设置为"ES6"或更高版本（比如"ESNext"）。
  2. 确保lib数组包含"ES6"（或更高）和"DOM"，示例配置：

     {
       "compilerOptions": {
         "target": "ES6",
         "lib": ["ES6", "DOM"]
       }
     }
     

  3. 若使用较旧的TypeScript版本，建议升级到最新稳定版，避免类型库缺失问题。

额外排查点 #

• 检查Utils.ts是否引入了间接依赖字体相关类型的模块，比如游戏引擎的工具类，可能内部用到了字体配置逻辑。
• 清理TypeScript缓存：删除项目根目录的node_modules/.cache或.tsbuildinfo文件后重新编译。

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