Ionic3 |Столкнувшись с проблемой при добавлении InAppBrowser в провайдеров - PullRequest
Новая
       8

Ionic3 |Столкнувшись с проблемой при добавлении InAppBrowser в провайдеров

0 голосов
/ 26 января 2019

Мне нужно открыть ссылку на мой проект 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 в часть провайдеров, я столкнулся с ошибкой, подобной картинке, которая ниже This is the picture of error Если вы не видите: http://prntscr.com/mc964l ссылка здесь.

Почему произошла эта ошибка, я не понимаю.

Кто-нибудь может мне помочь по этому вопросу?

Заранее спасибо!

1 Ответ

0 голосов
/ 10 апреля 2019

Ионная 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

...