Ion-slides not work with another components

Hello everybody, i have a problem with my ion-slides.

He not works with another components

   <div>
      <ion-slides #slides pager="false" [options]="sliderOptions" (ionSlideDidChange)="slideShanged(slides)" (ionSlidesDidLoad)="slideShanged(slides)">
        <ion-slide><app-compte userData=this.email></app-compte></ion-slide>
        <ion-slide><app-home-metier></app-home-metier></ion-slide>
        <ion-slide><app-annonce></app-annonce></ion-slide>
      </ion-slides>
    </div>

if i replace app-annonce with app-home-metier , he works except i replace with another component except app-compte or app-home-metier , he not works…

i have my slide into a component tabs , this is the tabs.module.ts :

import {NgModule, OnInit,CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Router, RouterModule  } from '@angular/router';
import {IonicModule} from '@ionic/angular';


import { TabsPage } from './tabs.page';
import {TabsPageRoutingModule} from './tabs-routing.module';
import {HomeMetierComponent} from '../home-metier/home-metier.component';
import {ComptePageModule} from '../compte/compte.module';
import {AnnoncePageModule} from '../annonce/annonce.module';


@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        IonicModule,
        TabsPageRoutingModule,
        ComptePageModule,
        AnnoncePageModule
    ],
    declarations: [TabsPage, HomeMetierComponent],
    schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
})
export class TabsPageModule  { }

and the app module :

import { NgModule, CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } 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 { InscriptionComponent} from './inscription/inscription.component';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';

import {ConnexionComponent} from './connexion/connexion.component';
import { HttpClientModule } from '@angular/common/http';
import {UserService} from './service/user.service';
import { FirstNamePipe } from './informationAccount/first-name.pipe';

@NgModule({
  declarations: [AppComponent, InscriptionComponent, ConnexionComponent, FirstNamePipe],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, FormsModule, HttpClientModule, ReactiveFormsModule],
  providers: [
      UserService,
      StatusBar,
      SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

i resolve my problem !! because in the tabs .module.ts the main components where he contains the slides !

i have not declare in the object declarations the AnnoncePage ! and into annonce.module.ts, i remove the AnnoncePage for the conflit ! :sweat_smile: