Pendant que j'essaie d ' importer nativepagetransition dans les fournisseurs, une erreur s'affiche.
Type ‘NativePageTransitionsOriginal’ is not assignable to type ‘Provider’. Type ‘NativePageTransitionsOriginal’ is missing the following properties from type ‘FactoryProvider’: provide, useFactory [2322]]
L'erreur est, p >
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 {}
3 Réponses :
Vous avez installé les dernières @ ionic-native / native-page-transitions (v5 +).
Ensuite, vous devez importer NativePageTransitions depuis @ ionic- natif / natif-page-transitions / ngx
import { NativePageTransitions } from '@ionic-native/native-page-transitions/ngx';
L'erreur survient si vous avez installé la mauvaise version du plugin natif pour votre type de projet.
Vérifiez le type de projet dans ionic.config.json
Si le type est "ionic-angular", alors installer la version 4.xx.
exemple
import { NativePageTransitions } from '@ionic-native/native-page-transitions';
Si le type est "angulaire", alors installer la version 5.xx-beta
XXX
Remarque:
Ajoutez ngx à la fin de l'importation uniquement si vous utilisez Angular 6 p >
import { NativePageTransitions } from '@ionic-native/native-page-transitions/ngx';
sinon, supprimez ngx de l'importation à la fois dans app.module.ts et app.component.ts
npm i -s @ionic-native/native-page-transitions@5.0.0-beta.24
Référence : https://github.com/ionic- team / ionic / issues / 15225 # issuecomment-414074074
Tous les modules et services natifs de ionic 4+ ont été déplacés vers le répertoire ngx du module . Comme
In ionic 3 :
We have to import native modules from @ionic-native/module-name/ngx directory.
import { NativePageTransitions } from '@ionic-native/native-page-transitions/ngx';
Maintenant dans ionic 4+:
We were importing NativePageTransitions from @ionic-native/native-page-transitions
import { NativePageTransitions } from '@ionic-native/native-page-transitions';