无法读取 Ionic 4 上未定义的 属性 'subscribe'，Angular 8

Question

我正在为我的项目使用 Ionic 4 和 Angular 8。 我的项目需要与支付网关服务集成。 我正在使用 Ionic 4 InAppBrowser plugin 打开支付网关网站。

这是我的实现：

const browserRef = this.browser.create(paymentUrl, '_blank');
this._hookBrowserClosedSubscription = browserRef.on('loadstop').subscribe(event => {
  console.log(event);
});

我在真实设备上使用命令 ionic cordova run android --device --livereload --no-native-run 来 运行 我的应用程序。当我尝试使用 InAppBrowser 插件打开页面时出现以下错误：

无法读取未定义的 属性'subscribe'

我一直在寻找这个错误，他们大多提到它存在于浏览器，而不是真实设备。

我正在使用的软件包：

"cordova-plugin-inappbrowser": "^3.0.0"
"@ionic-native/in-app-browser": "^5.8.0",

有人可以帮我吗？

感谢

Answer 1

最后，

我找到了问题的根本原因。 我不知道为什么 in-app-browser 出现在我的 packages.json:

"cordova-plugin-inappbrowser": "^3.0.0"
"@ionic-native/in-app-browser": "^5.8.0",

当我 运行 我的应用程序在我的设备上使用 Chrome Inspect 时，我看到一条警告消息：

本机：未安装 InAppBrowser 或您正在 运行 使用浏览器。回到 window.open，所有实例方法都将不起作用。

我尝试使用 2 个命令安装 in-app-browser：

ionic cordova plugin add cordova-plugin-inappbrowser
npm install @ionic-native/in-app-browser

当我再次 运行 我的应用程序时，警告消息消失了，浏览器按我的预期运行。

多么愚蠢的错误。

希望这对遇到同样情况的人有所帮助。