Lodash isEmpty 无法通过TypeScript类型检查的问题求助

方案1：补全可选链操作符 #

错误核心是item?.children[0]中，当item.children为undefined时，直接访问索引[0]触发TypeScript非空检查报错。改成双层可选链，确保每一步都处理可能的undefined：

if (isEmpty(item) || isEmpty(item?.children) || isEmpty(item?.children?.[0])) {
  return false;
}

item?.children?.[0]会在children为undefined时直接返回undefined，Lodash的isEmpty可正常处理undefined（返回true），同时通过TypeScript类型检查。

方案2：添加类型守卫提前判断 #

不想依赖多层可选链的话，先通过类型守卫确认item.children是数组类型，再访问索引：

public isActive(item: IMenuItem) {
  if (isEmpty(item)) {
    return false;
  }
  // 类型守卫：排除children为undefined的情况
  if (!item.children || isEmpty(item.children) || isEmpty(item.children[0])) {
    return false;
  }
  // 后续逻辑
}

!item.children先排除children为undefined的场景，之后TypeScript会自动推断item.children是数组类型，访问[0]不再报错。

方案3：升级@types/lodash类型定义 #

部分旧版本@types/lodash中，isEmpty的类型参数未包含undefined或null，导致TypeScript认为传入undefined非法。升级到最新类型包：

npm install @types/lodash@latest --save-dev

升级后TypeScript会认可isEmpty可接收undefined类型参数，结合可选链即可解决问题。

方案4：类型断言（仅临时应急） #

若以上方案无法快速实施，可通过类型断言强制跳过检查（不推荐，可能埋下运行时隐患）：

if (isEmpty(item) || isEmpty(item?.children) || isEmpty((item.children as IMenuItem[])[0])) {
  return false;
}

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