Ionic调用API遇Type 'any[]'无法赋值给'never[]'错误求助

错误原因 #

你初始化movies = []时，TypeScript无法推断数组的元素类型，默认将其判定为never[]类型。而API返回的res.results是any[]类型，类型不匹配导致了这个错误。

解决步骤 #

1. 定义Movie类型接口
   创建一个接口来规范电影数据的结构，让TypeScript明确数组元素的类型：

interface Movie {
  id: number;
  title: string;
  overview: string;
  poster_path: string;
  // 根据实际API返回的字段补充其他属性
}

2. 指定movies数组的类型
   将原代码里的movies = []修改为明确指定类型的数组：

movies: Movie[] = [];

3. 优化API返回类型（推荐）
   在MovieService中给getTopRatedMovies方法指定返回类型，避免res被推断为any：

// 在MovieService文件中
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

// 先定义接口匹配API返回结构
interface TopRatedResponse {
  results: Movie[];
  page: number;
  total_pages: number;
  // 其他返回字段
}

@Injectable({
  providedIn: 'root'
})
export class MovieService {
  constructor(private http: HttpClient) { }

  getTopRatedMovies(page: number) {
    // 替换为你的实际API地址
    return this.http.get<TopRatedResponse>(`https://api.example.com/top-rated?page=${page}`);
  }
}

这样修改后，不仅能解决当前的类型错误，还能获得TypeScript的类型提示，避免后续操作电影数据时出现类型相关的问题。

内容的提问来源于stack exchange，提问作者Galih Mahendra Putra