无法使用PeerJs连接将消息发送到另一端

Question

我要实现的目标是构建一个WebRtc应用程序，以支持使用PeerJs进行数据和视频交换。我的component.ts看起来像这样：

ngOnInit() {
    this.peer = new Peer();
    setTimeout(() => {
      this.mypeerid = this.peer.id;
    },3000);
    this.peer.on('connection', function(conn) {
       conn.on('data', function(data){
           console.log(data);
       });
    });
  }

  connect(){
    var conn = this.peer.connect(this.secondId.nativeElement.value);
    console.log(conn);
    conn.on('open', function(){
      conn.send('Message from that id');
    });
  }

component.html看起来像：

<h1>My id - {{mypeerid}}</h1>
<input type="text" #secondId>
<button (click)="connect()">Connect</button>

我会提到，我在types.d.ts

中添加了 declare var Peer：any 语句。

代码运行良好，但不幸的是， conn.send（'来自该ID的消息'）不会在另一端发送console.log消息。