TypeScript类型访问报错：React构建提示source属性不存在于FlowColumnNew

首先纠正代码里的一个类型错误：activeColumns是数组，原代码定义成了单个FlowColumnNew类型，正确写法应为：

const activeColumns: FlowColumnNew[] = []

接下来解决Property 'source' does not exist on type 'FlowColumnNew'的报错：
这个错误的核心原因是FlowColumnNew是DefaultColumn | EntityFlowColumn | CustomColumn的联合类型，其中DefaultColumn没有source和$type属性，TypeScript无法确保每个column实例都拥有这些属性，因此编译时触发报错。

以下是几种可行的解决方案：

方案一：使用类型守卫（推荐，类型安全） #

通过in操作符先判断当前column是否包含source属性，过滤掉DefaultColumn类型后再进行属性比较：

const isEntityExist = activeColumns.some(
  (column: FlowColumnNew) => {
    // 仅处理包含source属性的列类型
    if ('source' in column) {
      return (
        column.name === entity.column.name &&
        column.source === entity.column.source &&
        // 若$type是目标类型的属性，需先确保类型定义包含该字段，否则可添加可选判断
        ('$type' in column ? column.$type === entity.column.$type : true)
      );
    }
    // DefaultColumn不满足匹配条件，直接返回false
    return false;
  }
);

方案二：完善类型定义 #

如果DefaultColumn实际上也应该拥有source和$type属性，直接修改类型定义补全字段：

export type DefaultColumn = {
  name: string;
  defaultValue: GenericValue;
  source?: string; // 若为可选字段加?，必填则直接写string
  $type?: string;
};

修改后联合类型的所有成员都包含source属性，编译时就不会再报错。

方案三：类型断言（不推荐，风险较高） #

如果你能确保activeColumns数组中不存在DefaultColumn类型的元素，可以使用类型断言强制转换类型，但这种方式会绕过TypeScript的类型检查，若后续数组中混入DefaultColumn可能引发运行时问题：

const isEntityExist = activeColumns.some(
  (column: FlowColumnNew) => {
    const typedColumn = column as EntityFlowColumn | CustomColumn;
    return (
      typedColumn.name === entity.column.name &&
      typedColumn.source === entity.column.source &&
      (typedColumn as any).$type === entity.column.$type
    );
  }
);

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