Estoy tratando de crear un carrusel en angular usando swiper ( https://swiperjs.com/angular ).

me sale este error:

Error: node_modules/swiper/angular/angular/src/swiper-events.d.ts:3:50 - error TS2344: el tipo 'SwiperEvents[Property]' no satisface la restricción '(...args: any) => ninguna'. Escriba '((swiper: Swiper) => void) | ((swiper: Swiper) => vacío) | ((swiper: Swiper) => vacío) | ((swiper: Swiper) => vacío) | ((swiper: Swiper) => vacío) | ((swiper: Swiper) => vacío) | ... 75 más ... | undefined' no se puede asignar al tipo '(...args: any) => any'. El tipo 'indefinido' no se puede asignar al tipo '(...args: any) => any'.

He intentado esto:

-Desinstalar e instalar nuevamente swiper con npm i swiper

-Desinstalar swiper e instalarlo nuevamente con npm i @types/swiper

Aquí está mi código:

angular.json

 "styles": [ "src/myTheme.scss", "src/styles.css", "node_modules/swiper/swiper-bundle.min.css" ], "scripts": ["node_modules/swiper/swiper-bundle.min.js"] },

El módulo compartido

 import { SwiperModule } from 'swiper/angular'; exports: [ SwiperModule, other modules ]

el componente:

 config: SwiperOptions = { slidesPerView: 3, spaceBetween: 50, navigation: true, pagination: { clickable: true }, scrollbar: { draggable: true }, }; //in the methods onSwiper([swiper]) { console.log(swiper); } onSlideChange() { console.log('slide change'); }

el HTLM

 <swiper [config]="config" (swiper)="onSwiper($event)" (slideChange)="onSlideChange()" > <ng-template swiperSlide>Slide 1</ng-template> <ng-template swiperSlide>Slide 2</ng-template> <ng-template swiperSlide>Slide 3</ng-template> <ng-template swiperSlide>Slide 4</ng-template> <ng-template swiperSlide>Slide 5</ng-template> <ng-template swiperSlide>Slide 6</ng-template> </swiper>

sb tiene una idea de lo que esta pasando?? Gracias