Ошибка при вводе провайдера в модуль ts

Question

Когда я пытаюсь import nativepagetransition в провайдерах, он показывает ошибку.

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { LinkPage } from '../pages/link/link';
import { NativePageTransitions } from '@ionic-native/native-page-transitions';

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';

@NgModule({
declarations: [
MyApp,
HomePage,
LinkPage,


],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
LinkPage

],
providers: [
StatusBar,
SplashScreen,
 NativePageTransitions,


 {provide: ErrorHandler, useClass: IonicErrorHandler}
 ]
 })
 export class AppModule {}

Ошибка,

Type ‘NativePageTransitionsOriginal’ is not assignable to type ‘Provider’.
Type ‘NativePageTransitionsOriginal’ is missing the following properties from type ‘FactoryProvider’: provide, useFactory [2322]]

Answer 1

Ошибка возникает, если вы установили неправильную версию собственного плагина для вашего типа проекта.

Проверьте тип проекта в ionic.config.json

Если тип "ionic-angular", затем установите версию 4.xx.

пример

npm i -s @ionic-native/native-page-transitions@4.20.0

Если тип "угловой", установите версию 5.xx-beta

npm i -s @ionic-native/native-page-transitions@5.0.0-beta.24

Примечание:

Добавьте ngx в конце импорта, только если вы используете Angular 6

import { NativePageTransitions } from '@ionic-native/native-page-transitions/ngx';

, если не удалите ngx из импорта какв app.module.ts и app.component.ts

import { NativePageTransitions } from '@ionic-native/native-page-transitions';

Refencence : https://github.com/ionic-team/ionic/issues/15225#issuecomment-414074074

Answer 2

Все собственные модули и службы в ionic 4 + перемещены в каталог ngx модуля.Как

В ионном 3 :

We were importing NativePageTransitions from @ionic-native/native-page-transitions
import { NativePageTransitions } from '@ionic-native/native-page-transitions';

Теперь в ионном 4 +:

We have to import native modules from @ionic-native/module-name/ngx directory.
import { NativePageTransitions } from '@ionic-native/native-page-transitions/ngx';

Answer 3

Вы установили последнюю версию @ionic-native/native-page-transitions (v5 +).

Затем вам нужно импортировать NativePageTransitions из @ionic-native/native-page-transitions/ngx

import { NativePageTransitions } from '@ionic-native/native-page-transitions/ngx';