TS2322报错：Type 'Product[]|null' 无法分配给类型 'Product[]' 如何修复？

Angular 内置的 HttpResponse<T> 类型定义中，body 字段为可选可空属性，类型为 T | null，对应你的场景就是 Product[] | null。你声明的 products 变量是严格的 Product[] 类型，不允许接收 null 值，因此触发TS2322类型不匹配错误。

你可以根据实际业务场景选择以下任意一种方案：

• 方案1：非空断言（适合100%确认该接口一定会返回不为空的Product[]响应体的场景）
  直接在res.body后加非空断言运算符!，告诉TypeScript该值运行时一定不会为空：

this.products = res.body!;

• 方案2：空值兜底（最推荐的通用方案，兼容响应体为空的边界场景）
  用空值合并运算符??给空的响应体设置空数组作为兜底值：

this.products = res.body ?? [];

• 方案3：类型收窄判断（适合需要单独处理响应体为空的业务场景）
  通过判断逻辑收窄类型，只有res.body不为空时才赋值：

if (res.body) {
  this.products = res.body;
} else {
  // 可选补充响应体为空的自定义逻辑，比如提示无数据、重置列表等
  this.products = [];
}

• 方案4：修改变量类型定义（适合业务需要区分「无响应体」和「空数组」两种状态的场景）
  修改products的类型声明，允许接收null值：

products: Product[] | null = [];

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