NullInjectorError: No provider for [object Object]!

Ionic Framework
1

i get this error:
RROR NullInjectorError: R3InjectorError(AppModule)[TranslationService → HttpService → [object Object] → [object Object] → [object Object]]:
NullInjectorError: No provider for [object Object]!
at NullInjector.get (core.mjs:6353:27)
at R3Injector.get (core.mjs:6780:33)
at R3Injector.get (core.mjs:6780:33)
at R3Injector.get (core.mjs:6780:33)
at injectInjectorOnly (core.mjs:4758:33)
at ɵɵinject (core.mjs:4762:12)
at Object.HttpService_Factory [as factory] (ɵfac.js? [sm]:1:1)
at R3Injector.hydrate (core.mjs:6881:35)
at R3Injector.get (core.mjs:6769:33)
at injectInjectorOnly (core.mjs:4758:33)
handleError @ core.mjs:7626

this my app.module.ts:

import { HttpClientModule } from '@angular/common/http';
import { AngularFireAuthModule } from '@angular/fire/compat/auth';
import { BrowserModule } from '@angular/platform-browser';
import { AngularFireDatabaseModule } from '@angular/fire/compat/database';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AngularFireModule } from '@angular/fire/compat';
import { NgModule } from '@angular/core';
import { ServiceWorkerModule } from '@angular/service-worker';
import { IonicStorageModule } from '@ionic/storage-angular';
import { FirebaseX } from '@awesome-cordova-plugins/firebase-x/ngx';
import { Facebook, FacebookLoginResponse } from '@ionic-native/facebook/ngx';
import { AndroidPermissions } from '@ionic-native/android-permissions/ngx';
import { GooglePlus } from '@awesome-cordova-plugins/google-plus/ngx';
import { Insomnia } from '@ionic-native/insomnia/ngx';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { LaunchNavigator } from '@awesome-cordova-plugins/launch-navigator/ngx';
import { HTTP } from '@ionic-native/http/ngx';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
import { CallNumber } from '@awesome-cordova-plugins/call-number/ngx';
import { SocialSharing } from '@awesome-cordova-plugins/social-sharing/ngx';
import { AppRate } from '@ionic-native/app-rate/ngx';
import { Device } from '@awesome-cordova-plugins/device/ngx';
import { Geolocation } from '@ionic-native/geolocation/ngx';
import { LocalNotifications } from '@awesome-cordova-plugins/local-notifications/ngx'
import { NativeGeocoder } from '@awesome-cordova-plugins/native-geocoder/ngx';
import { IonicModule } from '@ionic/angular';

import { environment } from '../environments/environment';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { HttpService } from './services/HttpService';
import { AppSettings } from './services/app-settings';
import { LoadingService } from './services/loading-service';
import { ToastService } from './services/toast-service';
import { TranslationService } from './services/translation.service';
import { AppVersion } from '@awesome-cordova-plugins/app-version/ngx';
import { Diagnostic } from '@awesome-cordova-plugins/diagnostic/ngx';
 };

@NgModule({
  imports: [
    BrowserModule,
    AppRoutingModule,
    ReactiveFormsModule,
    HttpClientModule,
    FormsModule,
    IonicModule.forRoot(),
    AngularFireModule.initializeApp(firebaseConfig), // <-- firebase here
    AngularFireAuthModule,
    AngularFireDatabaseModule,
    IonicStorageModule.forRoot(),
    ServiceWorkerModule.register('ngsw-worker.js', {
      enabled: environment.production
    }),
  ],
  declarations: [AppComponent],
  providers: [InAppBrowser,
    SplashScreen,
    Device,
    StatusBar,
    FirebaseX,
    CallNumber,
    HTTP,
    AppRate,
    AppVersion,
    Diagnostic,
    Geolocation,
    Facebook,
    GooglePlus,
    ToastService,
    SocialSharing,
    TranslationService,
    LoadingService,
    HttpService,
    AndroidPermissions,
    Insomnia,
    LocalNotifications,
    NativeGeocoder,
    LaunchNavigator],
  bootstrap: [AppComponent]
})
export class AppModule { }