You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在Ionic Angular中集成SwiperJS报错:找不到swiper/angular模块及类型声明

解决SwiperJS集成Ionic Angular时找不到swiper/angular模块的问题

问题原因

Swiper从v8版本开始,将Angular框架的集成代码拆分到了独立的@swiper/angular包中,不再包含在核心swiper包内。你只安装了核心swiper包,自然找不到swiper/angular模块;另外Swiper9对Angular版本要求较高,和你的Angular14环境兼容性不佳。

修复步骤

  • 卸载当前安装的核心swiper包:
    npm uninstall swiper
    
  • 安装适配Angular14、Ionic6的@swiper/angular版本(推荐v8,会自动匹配安装对应核心swiper包):
    npm install --save @swiper/angular@8
    
  • 重新在app.module.ts中导入模块,此时即可正常使用:
    import { SwiperModule } from 'swiper/angular';
    
    @NgModule({
      imports: [
        // 其他已导入模块
        SwiperModule
      ]
    })
    export class AppModule { }
    

内容的提问来源于stack exchange,提问作者Lara

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 01:36:29