Promise.all 错误 - 类型 '(Video | undefined)[]' 不可分配给类型 'Video[]'

Question

Promises.all 的类型有问题。它应该返回我的Video[] 接口，但我收到了类似的错误

类型“(Video | undefined)[]”不可分配给类型“Video[]”。 输入“视频 | undefined' 不能分配给类型 'Video'。 类型“未定义”不可分配给类型“视频”。

当我把它改成 (Video | undefined)[] 时，我的整个输入出现了错误，它应该又是 Video[]。

我的代码在这里：

  const getDemo = async () => {
    setError({ show: false, msg: "" });
    try {
      setIsLoading(true);
      const resp: Video[] = await Promise.all(
        ourData.map(async (item) => {
          if (item.type === videoConstants.TYPE_YOUTUBE) {
            return getYouTubeVideo(item.id);
          }
          if (item.type === videoConstants.TYPE_VIMEO) {
            return getVimeoVideo(item.id);
          }
        })
      );
      setData([...data, ...resp]);
    } catch {
      setError({ show: true, msg: "failed to watch demo" });
    }
    setIsLoading(false);
  };

我正在使用我自己的函数来获取 API 以保持“DRY”规则 - 当我获取单个对象时可以，但是当我使用 Promise.all 从我们的数据库中获取所有集合时，我有一个我无法处理的错误。

Answer 1

以下代码：

if (item.type === videoConstants.TYPE_YOUTUBE) {
  return getYouTubeVideo(item.id);
}
if (item.type === videoConstants.TYPE_VIMEO) {
  return getVimeoVideo(item.id);
}

将返回类型为Video | undefined，因为没有else 块。

你可以试试这个（如果item.type只能取videoConstants中的两个值）：

if (item.type === videoConstants.TYPE_YOUTUBE) {
  return getYouTubeVideo(item.id);
}
return getVimeoVideo(item.id);

或者也许：

if (item.type === videoConstants.TYPE_YOUTUBE) {
  return getYouTubeVideo(item.id);
}
if (item.type === videoConstants.TYPE_VIMEO) {
  return getVimeoVideo(item.id);
}
return {} as Video // TODO: depends on Video

或者如果你不能做到以上任何一个，这可能是你最后的选择 - const resp: (Video|undefined)[] = ...