尝试访问 AVPlaybackStatus 的错误属性时出错

Question

我是 TypeScript 新手，正在尝试使用expo-av进行音频播放。

以下代码给我一个错误：TS2339: Property 'error' does not exist on type 'AVPlaybackStatus'.

const { sound, status } = await Audio.Sound.createAsync(track.mp3);
if (status.isLoaded) {
  console.info(status.durationMillis);
}
else {
  console.error("track not loaded", status.error);
}

我查看了定义status并发现：

export type AVPlaybackStatus =
  | {
      isLoaded: false;
      androidImplementation?: string;
      error?: string; // populated exactly once when an error forces the object to unload
    }
  | {
      isLoaded: true;
      androidImplementation?: string;

      uri: string;

      progressUpdateIntervalMillis: number;
      durationMillis?: number;
      positionMillis: number;
      playableDurationMillis?: number;
      seekMillisToleranceBefore?: number;
      seekMillisToleranceAfter?: number;

      shouldPlay: boolean;
      isPlaying: boolean;
      isBuffering: boolean;

      rate: number;
      shouldCorrectPitch: boolean;
      volume: number;
      isMuted: boolean;
      isLooping: boolean;

      didJustFinish: boolean; // true exactly once when the track plays to finish
    };

我以前从未见过这个构造，但我猜测这是一个并集或交集类型（？）。

我如何访问status.error？处理此类类型的典型习惯用法/结构是什么？

Answer 1

该模式是判别联合 ( docs )，其中 TypeScript 可以根据一个字段准确确定类型，该字段对于每个替代方案都是不同的。在本例中，它是isLoaded布尔字段，但要使其工作，您确实需要strictNullChecks启用。除此之外，你处理它的方式完全没问题。