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

Question

报错信息：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

找寻解决方式，谢谢

Answer 1

给你们一个解决方案

在 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 {}
}

之后 重启项目即可