OpenLayers DragAndDrop下GeoJSON作FormatConstructor TS报错解决

高版本OpenLayers的TypeScript类型定义对DragAndDrop交互的formatConstructors参数做了严格约束，要求传入FeatureFormat抽象类的具体实现构造器。你遇到的报错仅为类型检查层的识别偏差，不会影响JS实际运行逻辑。

按优先级从高到低排列：

• 方法1：子路径导入GeoJSON（推荐）
  根路径ol/format的命名导出在部分版本下存在类型定义导出缺陷，直接从GeoJSON的独立模块导入即可匹配类型要求：

  import { defaults, DragAndDrop } from 'ol/interaction';
  // 从GeoJSON独立模块导入，替代原根路径的命名导出
  import GeoJSON from 'ol/format/GeoJSON';
  
  this.dragAndDropInteraction = new DragAndDrop({
      formatConstructors: [GeoJSON]
  })
  

• 方法2：显式类型断言构造器
  如果导入子路径后仍报类型错误，可给GeoJSON添加类型断言，明确告知TS其符合参数要求：

  import { defaults, DragAndDrop } from 'ol/interaction';
  import GeoJSON from 'ol/format/GeoJSON';
  // 单独引入FeatureFormat的类型定义
  import type { FeatureFormat } from 'ol/format';
  
  this.dragAndDropInteraction = new DragAndDrop({
      // 断言GeoJSON构造器符合无参实例化的FeatureFormat构造器要求
      formatConstructors: [GeoJSON as new () => FeatureFormat]
  })
  

• 兜底方案（不推荐）
  如果临时需要绕过类型检查，可使用any断言，但会完全丧失TS的类型保护能力：

  this.dragAndDropInteraction = new DragAndDrop({
      formatConstructors: [GeoJSON] as any
  })
  

注意：尽量避免使用any断言，后续如果传入错误的格式类，TS无法给出类型提示，容易引发运行时错误。

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