Ionic framework 在模块ts中输入提供程序时出错
当我试图在提供程序中导入Ionic framework 在模块ts中输入提供程序时出错,ionic-framework,ionic3,ionic-native,Ionic Framework,Ionic3,Ionic Native,当我试图在提供程序中导入nativepagetransition时,它显示了一个错误 import { BrowserModule } from '@angular/platform-browser'; import { ErrorHandler, NgModule } from '@angular/core'; import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular'; import { SplashScr
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]]
您安装了最新的
@ionic native/native page transitions
(v5+)
然后您应该从@ionic native/native page transitions/ngx
import { NativePageTransitions } from '@ionic-native/native-page-transitions/ngx';
如果为项目类型安装了错误的本机插件版本,则会出现此错误 检查ionic.config.json中的项目类型 如果类型为“离子角”,则安装4.x.x版本 范例
npm i -s @ionic-native/native-page-transitions@4.20.0
如果类型为“角度”,则安装5.x.x-beta版本
npm i -s @ionic-native/native-page-transitions@5.0.0-beta.24
注意:
We have to import native modules from @ionic-native/module-name/ngx directory.
import { NativePageTransitions } from '@ionic-native/native-page-transitions/ngx';
仅当使用角度6时,才在导入结束时添加ngx
import { NativePageTransitions } from '@ionic-native/native-page-transitions/ngx';
如果没有,则从app.module.ts和app.component.ts中的导入中删除ngx
import { NativePageTransitions } from '@ionic-native/native-page-transitions';
参考:爱奥尼亚4+中的所有本机模块和服务已移动到模块的ngx目录。
We were importing NativePageTransitions from @ionic-native/native-page-transitions
import { NativePageTransitions } from '@ionic-native/native-page-transitions';
像
离子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';