离子3|将 InAppBrowser 添加到提供程序时遇到问题

我需要打开一个指向我的 Ionic-3 项目的链接，当我用 google 搜索时，我看到了 InAppBrowser 插件。

实际上这个链接中只有一张图片，所以如果您知道任何其他获取它的方法或直接显示这张图片，这对我来说就足够了。

我所做的一切就像纪录片所做的那样。 我使用的纪录片：https://blog.paulhalliday.io/ionic-3-integrating-inappbrowser-plugin/

第1步：我安装了ionic cordova plugin add cordova-plugin-inappbrowser

步骤2：我也安装了npm install @ionic-native/in-app-browser --save

并且命令行（终端）中没有错误

步骤 3：我将插件导入到应用程序模块.ts import { InAppBrowser } from '@ionic-native/in-app-browser';并且代码编辑器中没有错误

!!! Step-4: When I tried to add InAppBrowser into providers part I faced an error like picture which below If you can not see : http://prntscr.com/mc964l link is here.

为什么会发生这个错误我不明白。

有人可以帮我解决这个问题吗？

提前致谢！

Ionic 3:

安装 Cordova 和 Ionic Native 插件：

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

您必须将版本 4 附加到包名称 @ 字符之后（版本 5.x 与 Ionic 3 不兼容）：

然后，添加到Provider：

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

...

@NgModule({
  ...

  providers: [
    ...
    InAppBrowser 
    ...
  ]
  ...
})
export class AppModule { }

Source: https://ionicframework.com/docs/v3/native/in-app-browser/

Ionic 4:

对于 Angular，导入路径应以以下结尾/ngx

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

然后，添加到Provider：

// app.module.ts
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

...

@NgModule({
  ...

  providers: [
    ...
    InAppBrowser 
    ...
  ]
  ...
})
export class AppModule { }

Source: https://ionicframework.com/docs/native#angular