a334147350 2021-01-04 17:53 采纳率: 100%
浏览 1605
已采纳

vue3.0+ts 在引用swiper/vue时报错

报错信息:Could not find a declaration file for module 'swiper/vue'

swiper版本:6.4.5

vue版本:3.0.0

<script lang='ts'>
  import { Swiper, SwiperSlide } from 'swiper/vue'
</script>

说明:引用方式参考官方文档https://swiperjs.com/vue/#installation

找寻解决方式,谢谢

  • 写回答

11条回答 默认 最新

  • Seale酱 2021-01-26 16:11
    关注

    给你们一个解决方案

    在 ts 项目下的 src 目录创建一个 `swiper-t.d.ts` 文件

    /**
     * @作者: Seale
     * @时间: 2021/1/26
     * @版本: V1.0
     * @说明: 声明swiper
     * @网站: https://www.imsle.com
    */
    
    declare module 'swiper/vue' {
        import _Vue from 'vue'
        export class Swiper extends _Vue {}
        export class SwiperSlide extends _Vue {}
    }
    

    之后 重启项目即可

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(10条)

报告相同问题?

问题事件

  • 请回答用户的提问 8月29日