Angular调用API报TS2339: 'name'属性不存在于never类型错误

TypeScript编译抛出error TS2339: Property 'name' does not exist on type 'never'的核心原因是类型推断错误：
你在组件类中声明lis属性时直接写了lis = []，没有指定明确的类型，TypeScript会将无类型注解的空数组默认推断为never[]类型——即数组内的元素只能是never类型（代表不存在合法值的类型）。模板中通过*ngFor遍历lis时，TS会认为遍历出的元素e是never类型，自然不存在name属性，直接抛出编译错误。

方案1：定义明确类型（推荐，保留TS类型校验能力） #

按照接口返回结构定义TypeScript接口，给所有属性显式标注类型，避免隐式推断出错，这是TS开发的最佳实践：

1. 定义列表项、接口响应的类型结构
2. 声明lis属性时显式标注数组类型
3. 调用HttpClient的get方法时传入泛型，明确响应值结构

修改后的组件代码如下：

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

// 定义列表单个元素的结构，字段和接口返回保持一致即可
interface ListItem {
  name: string;
}

// 定义接口整体返回的响应结构
interface ApiResp {
  list: ListItem[];
}

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent implements OnInit {
  // 明确赋值断言! 告诉TS该属性会在后续逻辑中赋值，无需报未初始化警告
  li!: ApiResp;
  // 核心：初始化空数组时显式标注数组元素类型，避免被推断为never[]
  lis: ListItem[] = [];

  constructor(private http: HttpClient) {}

  ngOnInit(): void {
    // 传入泛型指定响应类型，后续操作response时TS会自动做类型校验
    this.http
      .get<ApiResp>('http://www.mocky.io/v2/5ea172973100002d001eeada')
      .subscribe((response) => {
        console.log(response);
        this.li = response;
        this.lis = this.li.list;
      });
  }
}

模板代码不需要做任何修改，改完类型后编译错误会直接消失。

方案2：临时快速修复（不推荐，丢失TS类型校验） #

如果暂时不需要做类型校验，可以直接把lis声明为any类型的数组，绕开TS的类型检查：

// 直接标注为任意类型数组
lis: any[] = [];

这种写法虽然能快速消除报错，但完全失去了TypeScript的静态类型校验能力，后续写错字段名、访问不存在的属性时TS不会给出任何提示，很容易埋下运行时bug，正式项目不建议使用。

• 开发TS项目时尽量避免滥用any类型，否则就失去了用TS的意义
• 只要是空数组初始化的属性，一定要显式标注数组成员类型，空数组默认推断为never[]是TS的通用规则，非Angular场景也会遇到同类问题
• Angular的HttpClient请求建议始终携带泛型指定响应类型，能大幅减少字段写错、结构访问错误的问题，同时编辑器会给出精准的代码提示。

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