I updated my Angular Ionic 5 application and trying to migrate from ion-slides to Slides. I am following the official docs.

• I installed swiper npm install swiper@6
• Did import in the scss file @import '~swiper/swiper';
• Did import the SwiperModule in app.module.ts and my page.module.ts

import { SwiperModule } from 'swiper/angular';
@NgModule({
  imports: [SwiperModule],
})
export class AppModule {}

The HTML page is able to recognize swiper after I imported the SwiperModule in my page.module.ts but it's not able to recognize swiper-slide and showing error 'swiper-slide' is not a known element

<swiper>
  <swiper-slide>Slide 1</swiper-slide>
  <swiper-slide>Slide 3</swiper-slide>
  <swiper-slide>Slide 3</swiper-slide>
</swiper>