problem description

TypeScript uses Swiper 4.x thumbs to report errors, but does not affect usage, but cannot be compiled

the TS environment is generated by the vue-cli 3.x template, and Swiper has been configured in vue.config.js. The configuration code is as follows

.swiper-top {
    width: 700px;
    height: 500px;
    overflow: hidden;
}
.box {
    width: 700px;
    height: 90px;
    margin-top: 20px;
    .flex(space-between);
    .swiper-bottom {
        width: 600px;
        height: 100%;
        overflow: hidden;
    }
}

.swiper-next,
.swiper-prev {
    width: 30px;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    .flex();
}

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}