web-dev-qa-db-ja.com

Ionic 4 cordova cordova-plugin-facebook4：プロパティ「provide」がタイプ「FacebookOriginal」にありません

Ionic 4、Cordova、Angular6アプリに問題があります。cordova-plugin-facebook4をインストールしてapp.module.tsファイルに追加した後、TSコンパイラは以下を生成します エラー：

 [ng] ｢｢ wdm ｣：正常にコンパイルされました。
 [ng] src/app/app.module.ts（13,11）のエラー：エラーTS2345：タイプ '{宣言の引数：（typeof AppComponent）[]; entryComponents：undefined [];インポート：（ModuleWithProvid ... 'はタイプ' NgModule 'のパラメーターに割り当てられません。
 [ng]プロパティ'プロバイダー 'のタイプは互換性がありません。
 [ng]タイプ'（typeof SplashScreen | FacebookOriginal | {提供：typeof RouteReuseStrategy; useClass：typeof ... 'はタイプ' Provider [] 'に割り当てられません。
 [ng]タイプ' typeof SplashScreen | FacebookOriginal | {提供：typeof RouteReuseStrategy; useClass：typeof I ...」はタイプ「Provider」に割り当てられません。
 [ng]タイプ「FacebookOriginal」はタイプ「Provider」に割り当てられません。
 [ng]タイプ「FacebookOriginal」は割り当てられません「ClassProvider」と入力します。
 [ng]プロパティ「provide」がタイプ「FacebookOriginal」にありません。

これは私の設定です：

✔ Gathering environment info - done!

Ionic:

   ionic (Ionic CLI)          : 4.1.2 (/usr/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.7
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.8
   @ionic/schematics-angular  : 1.0.6

Cordova:

   cordova (Cordova CLI) : 8.1.1 ([email protected])
   Cordova Platforms     : Android 7.1.1
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 4 other plugins)

これは app.module.ts：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, RouteReuseStrategy, Routes } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { Facebook } from '@ionic-native/facebook';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule
  ],
  providers: [
    StatusBar,
    SplashScreen,
    Facebook,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

また、このパッケージはインストールされており、 package.json ファイル：

"@ionic-native/facebook": "^4.15.0"

よろしくお願いします。

cordovaangular6ionic4
5
Razvan

私はこれを理解することができました：次のように、includeはionic-native Facebookモジュールの「ngx」フォルダーから実行する必要があります。

import { Facebook } from '@ionic-native/facebook/ngx';

これはモジュールのドキュメントでは利用できません。

15
Razvan