Type 'any[]' is not assignable to type '[]'报错如何解决？

错误原因 #

你遇到的类型报错核心原因是第三方组件定义的xxx属性类型是空元组[]，而非通用数组类型。空元组类型代表长度为0、没有任何元素的数组，和你声明的any[]类型（任意长度的数组）类型不兼容，所以TS抛出了赋值错误。

解决方案 #

你可以根据自己的项目场景选择以下任意一种处理方式：

• 方案1：使用类型断言强制转换 #

  这是最便捷的处理方式，只要你确认运行时传入数组可以正常工作，直接在传值时添加类型断言即可：

  <Component xxx={branchesShow as []}/>
  

  如果TS严格模式下直接断言不通过，可以加一层unknown中转：

  <Component xxx={branchesShow as unknown as []}/>
  

• 方案2：全局扩展组件类型定义 #

  如果不想每次传值都写断言，可以全局扩充第三方组件的类型定义，适配实际使用场景：
  新建一个类型声明文件（例如third-component.d.ts），写入以下内容：

  declare module '替换为第三方组件实际的npm包名' {
    export interface PropsType {
      xxx?: any[];
    }
  }
  

  保存后TS会自动合并新旧类型定义，后续给xxx传任意数组都不会再触发类型报错。

• 方案3：跳过单行类型校验 #

  临时调试场景下，可以在代码行上方加注释跳过当前行的TS校验：

  // @ts-ignore
  <Component xxx={branchesShow}/>
  

  该方案不推荐长期使用，会跳过所有类型校验，可能隐藏其他传值错误。

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