将 Paho MQTT 函数从 Angular 1 迁移到 Angular 2 时，为什么我会收到打字稿错误？答案

【问题标题】：Why am I receiving a typescript error when migrating a Paho MQTT function from Angular 1 to Angular 2?将 Paho MQTT 函数从 Angular 1 迁移到 Angular 2 时，为什么我会收到打字稿错误？
【发布时间】：2017-03-10 16:17:52
【问题描述】：

我正在尝试在连接到我的 MQTT 代理时做几件事，我在我的 ionic 2、angular 2 应用程序中创建了一个 mqtt 提供程序，提供程序如下：

import { Component } from '@angular/core';
import { NavController, ViewController } from 'ionic-angular';
import { Observable } from 'rxjs/Observable';
import { Paho } from 'ng2-mqtt/mqttws31';



@Component({
  selector: 'page-greywater',
  templateUrl: 'greywater.html'
})
export class MQTT_Greenchain {
  private _client: Paho.MQTT.Client;
  private options = {
    userName: 'rdjghvoh',
    password: 'w7Ex0VTqZViw',
    timeout: 30,
    useSSL:true,
    onSuccess:this.onConnected,
  };
  private topic: string;
  public displayedMessage: string;
  public mes: Paho.MQTT.Message;
  public constructor() {
    this._client = new Paho.MQTT.Client(
      "m20.cloudmqtt.com",
      Number(30775),
      "",
      "peter"
    );
    this._client.onConnectionLost = (responseObject: {errorCode: Number, errorMessage: string}) => {
      console.log('poes');
      console.log(responseObject.errorMessage);
    };

    this._client.onMessageArrived = (message: Paho.MQTT.Message) => {
      this.onMessageArr(message);
      console.log('Message arrived.');
    };
    this.topic = "haha";
    this.displayedMessage = "what I was";
  }
  connectMe() {
    console.log("MQTT OPTIONS: " + this.options);
    this._client.connect(this.options);
  }
  private onConnected(): void {
    console.log('Connected to broker.');
    this._client.subscribe(this.topic);
    this.mes = new Paho.MQTT.Message("-1"); // -1 => Notify
    this.mes.destinationName = this.topic;
    this._client.send(this.mes);
  }
  private onMessageArr(message: Paho.MQTT.Message){
    this.displayedMessage = message.payloadString;
  }
}

我已经能够毫无问题地在 Angular 1 中调用以下命令，并且我能够让所有与 MQTT 相关的东西都能正常工作。 angular 1中的函数如下：

function onConnect() {
  sharedUtils.hideLoading();
  console.log("onConnect, CURRENT TOPIC: " + mqttData);
  client.subscribe(mqttData.currentTopic);
}

在上面，mqttData.currentTopic 只是一个字符串。

该函数接受 1 个参数，即使它可以接受 2 个（选项对象）。

在 Angular 2 中，打字稿给我一个错误：

Supplied parameters do not match any signature of call target

为什么不允许我像 angular 1 那样用一个参数调用函数？如果我给它 {} 作为第二个参数：

this._client.subscribe(this.topic, {});

我收到以下错误：

AMQJS0005E Internal error. Error Message: Cannot read property 'subscribe' of undefined, Stack trace: TypeError: Cannot read property 'subscribe' of undefined

这是在响应对象参数中收到的错误，传递给 onConnectionLost 回调函数。

我很确定我的“this._client”不是未定义的，因为消息“已连接到代理”。控制台出现onConnected，明明调用了connect方法的onSuccess属性回调？

我在这里没有得到什么？

【问题讨论】：

标签： javascript angular typescript mqtt paho

【解决方案1】：

试试这个，如果它工作正常回复

  this.client.subscribe(this.topic, '');

【讨论】：