ionic-framework - 类型 'AppVersionOriginal' 不可分配给类型 'Provider' 。类型 'AppVersionOriginal' 缺少以下属性

Question

我使用下面的最新版本的 Ionic CLI v4.9.0 创建了新的 Ionic 3 应用程序

$ ionic start Ionic3Project blank --type ionic-angular

默认创建 V4 Ionic 项目。

然后我按照 native 应用程序版本插件的步骤 here

在 app.module.ts 文件中导入时遇到以下控制台错误

Uncaught Error: Invalid provider for the NgModule 'AppModule' - only instances of Provider and Type are allowed, got: [StatusBar, ?[object Object]?, ...]
at syntaxError (compiler.js:486)
at compiler.js:15784
at Array.forEach (<anonymous>)
at CompileMetadataResolver._getProvidersMetadata (compiler.js:15752)
at CompileMetadataResolver.getNgModuleMetadata (compiler.js:15320)
at JitCompiler._loadModules (compiler.js:34413)
at JitCompiler._compileModuleAndComponents (compiler.js:34374)
at JitCompiler.compileModuleAsync (compiler.js:34268)
at CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:239)
at PlatformRef.bootstrapModule (core.js:5578)

app.module.ts 文件

    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 { AppVersion } from '@ionic-native/app-version';

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

    @NgModule({
      declarations: [
        MyApp,
        HomePage
      ],
      imports: [
        BrowserModule,
        IonicModule.forRoot(MyApp)
      ],
      bootstrap: [IonicApp],
      entryComponents: [
        MyApp,
        HomePage
      ],
      providers: [
        StatusBar,
        AppVersion, <-- Error [[ts]
                                Type 'AppVersionOriginal' is not assignable to type 'Provider'.
                                Type 'AppVersionOriginal' is missing the following properties from type 'FactoryProvider': provide, useFactory [2322]]
        SplashScreen,
        {provide: ErrorHandler, useClass: IonicErrorHandler}
      ]
    })
    export class AppModule {}

更新:最后我找到了这个问题的解决方案和解释 here :P

Answer 1

此问题是因为 ionic 新更新(发布 ionic 4)您必须像这样导入 ionic 3 的插件:

import { PluginName} from '@ionic-native/pluginName/ngx';

More info here