未处理的拒绝（AbortError）：用户代理根据用户的请求中止了媒体资源的获取过程

Question

https://onoumenon.gitbook.io/wiki/programming/tips/rtmp

  buildPlayer() {
    if (this.player || !this.props.stream) {
      return;
    }
    const { id } = this.props.match.params;
    this.player = flv.createPlayer({
      type: "flv",
      url: `http://localhost:8000/live/${id}.flv`
    });
    this.player.attachMediaElement(this.videoRef.current);
    this.player.load();
  }

我正在尝试使用此代码将视频流式传输给用户，但如果没有流并且应用程序崩溃，则会出现错误。

未处理的拒绝（AbortError）：用户代理根据用户的请求中止了媒体资源的获取过程。

当我尝试执行此操作时，会引发错误：

player.attachMediaElement(videoRef.current);

有没有办法检查这一行是否会抛出错误？

Answer 1

此类错误 ( Unhandled Rejection) 告诉我们您有一个被拒绝的 Promise，但未得到正确处理。

Promise 是异步的，错误也会异步发生。

根据库文档（此处），返回 Promise 的唯一方法是 methodplay。

所以我猜你可能play在代码的不同部分调用方法。您需要捕获那里的错误，如下所示：

flvPlayer.play().catch((e)=>{
   /* error handler */
})