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

Question

我需要打开一个链接到我的Ionic-3项目，当我搜索它时，我看到了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

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

然后，添加到提供者：

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';

然后，添加到提供者：

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

...

@NgModule({
  ...

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

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