类型错误：无法读取未定义的 Angular2、Ionic 2、InAppBrowser 上的属性"addEventListener"

Question

我尝试使用Cordova插件在应用程序浏览器中打开我的应用程序远程地址。我使用该代码：

import { Injectable } from "@angular/core";
import { HttpQueryService } from "./httpqueryservice";
import { ToastController } from "ionic-angular";
import { InAppBrowser, InAppBrowserEvent } from "ionic-native";
/**
 * Класс сервиса для открытия окон в браузере
 */
@Injectable()
export class WindowOpenService {
  inAppBrowserRef: InAppBrowser; //объект с браузером
  /**
   * Конструктор класса
   */
  constructor(
    public toastCtrl: ToastController,
    public httpQueryService: HttpQueryService
  ){
  }
  /**
   * Open url in InAppBrowser
   *
   * @param url
   * @param target
   * @param options
   */
  open(url = 'http://192.168.1.2/myurl/', target = '_blank', options = 'location=yes,hidden=no,hardwareback=yes,toolbar=yes')
  {
    try{
      var inAppBrowserRef = new InAppBrowser(url, target, options);
      inAppBrowserRef.on('loadstart').subscribe((result) => {
        alert(result);
        inAppBrowserRef.close();
      });
      inAppBrowserRef.on('mychange').subscribe((result) => {
        alert(result);
        this.inAppBrowserRef.close();
      });
      inAppBrowserRef.on('loadstop').subscribe((result) => {
        alert(result);
        this.inAppBrowserRef.close();
      });
      inAppBrowserRef.on('loaderror').subscribe((result) => {
        alert(result);
        inAppBrowserRef.close();
      });
    }catch(e){
      alert(e);
    }
  }
}

我在"加载启动"事件上收到错误：类型错误：无法读取未定义的属性"addEventListener">

我认为一切都很好。但它触发了错误？我做错了什么？我使用这个插件 https://ionicframework.com/docs/v2/native/inappbrowser/

并在模拟器和装有Android 6版本的设备上进行测试。同样的问题。在配置中.xml我使用该代码：

<allow-navigation href="*://192.168.1.2/*"/>

我使用最新的 Ionic 2.2.1 版本。

Answer 1

问题是我在使用该类之前没有安装插件。

ionic plugin add cordova-plugin-inappbrowser