Vue2项目中的swiper组件坑

352 阅读1分钟

下载方式:

不能直接下载swiper,因为是默认最高版本,和vue2不匹配。我个人安装时,npm指令全报错,所以改为用yarn

yarn add swiper@x.x.x yarn add swiper@^x.x.x

yarn add jquery

无法找到模块'swiper'的声明文件

G`GT$}5U@DF)V(D59Q(@WZ6.png

错误原因 在使用 Typescript 的过程中, 第三方类库并没有ts的.d.ts 类型的声明文件,所以无法在目前的项目中正常使用。如果要使用这些库,需要我们添加声明文件 在src目录下新建一个types目录,然后在types 目录下新建一个 index.d.ts文件然后在文件中添加代码 declare module “第三方类库名”

image.png

image.png

提示的第一种方法尝试多次失败,建议第二种