Не удается найти модуль 'swiper/types' Angular

Question

Я пытался следовать https://swiperjs.com/angular, но получил эту ошибку, я также установил npm i @types / swiper, но все та же ошибка. Вот ошибка

ОШИБКА в node_modules / swiper / angular / angular / src / swiper.component.d.ts:5:117 - ошибка TS2307: не удается найти модуль swiper / types или соответствующие ему объявления типов.

5 импортировать {SwiperOptions, SwiperEvents, NavigationOptions,PaginationOptions, ScrollbarOptions, VirtualOptions} из swiper / types;

мой модуль приложения

      import { SwiperModule } from 'swiper/angular';
@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule ,
    ReactiveFormsModule,
    HttpClientModule,
    SwiperModule
  ],

и в своем глобальном стиле я добавил

      @import "~@angular/material/theming";
@import '~swiper/swiper-bundle';

Answer 1

Для запуска вам нужно уменьшить версию swiper js. пример: npm я swiper@8.4.6

Answer 2

Для пользователей Ionic: когда я устанавливал с помощью команды npm i swiper@latest, была установлена ​​версия 10.3.1. Я получил эту ошибку, а затем последовал совету dbgupta и понизил версию с последней версии v10 до последней версии v9. используя команду: npm i swiper@9.4.1 , и теперь я больше не получаю эту ошибку в Angular.

Answer 3

Вот несколько шагов, которым я следую всякий раз, когда получаю подобные ошибки.

1. Восстановите проект после импорта модуля, JIT иногда не работает
2. Убедитесь, что пакет установлен правильно (в документации сказано, что нужно установить его с помощью npm i swiper, попробуйте использовать его вместо npm i @types/swiper, может работать)
3. Убедитесь, что путь от импорта существует и указывает на файл
4. Не добавляйте импорт вручную, если для этого нет веской причины. Я использую такие расширения, как Auto-Import for VSCode, который выполняет импорт за меня, мне просто нужно написать SwiperModule, и импорт появляется сам по себе.