TypeScript中Cheerio<T>泛型需类型参数，如何正确标注函数返回类型？

你遇到的错误是因为cheerio.Cheerio是泛型类型，必须传入一个类型参数才能正确使用，TypeScript提示的“Generic type 'Cheerio' requires 1 type argument(s)”就是这个原因。下面提供两种解决方式：

1. 手动指定泛型类型参数 #

直接将返回类型标注为cheerio.Cheerio<cheerio.Element>，其中cheerio.Element是Cheerio封装的DOM元素类型，也是最常用的默认类型：

import * as cheerio from 'cheerio';

export const getInfo = (html : string) : cheerio.Cheerio<cheerio.Element> => {
    const $ = cheerio.load(html);
    const element = $('div#targetId');
    return element; 
}

2. 让TypeScript自动推断返回类型 #

如果不想手动维护泛型参数，可以直接省略函数的返回类型标注，TypeScript会根据函数内部返回的element实例自动推导正确的泛型类型，这样代码更简洁且不易出错：

import * as cheerio from 'cheerio';

export const getInfo = (html : string) => {
    const $ = cheerio.load(html);
    const element = $('div#targetId');
    return element; 
}

两种方式都能让消费端正常调用.find()等Cheerio方法，且满足TypeScript的类型检查要求。

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