离子2 - inappbrowser" browser.on(...)。subscribe不是一个函数"错误

时间:2017-06-02 12:17:11

标签: cordova ionic-framework ionic2 ionic3 cordova-plugins

我按照此http://ionicframework.com/docs/native/in-app-browser/文档在inappbrowser中使用,并尝试以下步骤:

1-安装

ionic cordova plugin add cordova-plugin-inappbrowser 

 npm install --save @ionic-native/in-app-browser

2 - 将此插件添加到app.module.ts提供程序

3 - 添加到构造函数:

constructor(private iab: InAppBrowser) { }

4-并在启动方法中使用它,如下所示:

import { InAppBrowser,InAppBrowserEvent} from '@ionic-native/in-app-browser';

launch(urlc){
      let url = 'https://example.com/';
      let browser = this.iab.create(url, '_blank', 'location=yes');
      browser.on('loadstart').subscribe((ev: InAppBrowserEvent) => {
          this.close_status=true;
      });
  }

但是当服务和调用启动方法时,我看到了这个错误:

Runtime Error
browser.on(...).subscribe is not a function

2 个答案:

答案 0 :(得分:9)

InAppBrowser是一个cordova插件,因此,在使用ionic serve的浏览器中运行应用时,它无法使用。

尝试在模拟器/真实设备上运行该应用以使用该插件。

答案 1 :(得分:4)

如果您想避免此错误,您有3个选项:

  1. 在真实设备中运行该应用。
  2. 在模拟器中运行应用程序。
  3. 使用“浏览器”平台(支持,在浏览器中)运行应用程序 通过InAppBrowser插件)。而不是做:

    离子服务

  4. 做的:

    ionic cordova run browser