Ionic3 |在将InAppBrowser添加到提供程序时遇到问题

Question

我需要打开一个链接到我的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步：我将插件导入app.module.ts import { InAppBrowser } from '@ionic-native/in-app-browser';并且代码编辑器中没有错误

！步骤4：当我尝试将InAppBrowser添加到提供者部分时，我遇到了像下面的图片错误如果你看不到：http://prntscr.com/mc964l链接就在这里。

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

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

提前致谢！

Answer 1

离子3：

安装Cordova和Ionic Native插件：

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

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

然后，添加到Provider：

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

...

@NgModule({
  ...

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

资料来源：https://ionicframework.com/docs/v3/native/in-app-browser/

离子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 { }

资料来源：https://ionicframework.com/docs/native#angular