vue3 swiper/vue-awesome-swiper使用

1，安装vue-awesome-swiper：

npm install [email protected] --save

2，安装swiper：

npm install [email protected] -S

3，在main.js中引入插件

// 轮播
import VueAwesomeSwiper from "vue-awesome-swiper";
import "swiper/css/swiper.css";

const app = createApp(App);
app.use(router);
app.use(store);
// 轮播
app.use(VueAwesomeSwiper);

4，报错：引入可能会报一下的错

 解决办法：

tsconfig.json文件中在compilerOptions 中添加 "noImplicitAny": false,

{
  "compilerOptions": {
    "noImplicitAny": false,
    .....
    .....
}

无法找到模块“vue-awesome-swiper/dist/ssr”的声明文件。“e:/work/1010/vue-front-1010/node_modules/vue-awesome-swiper/dist/ssr.js”隐式拥有 "any" 类型。
尝试 `npm install @types/vue-awesome-swiper` (如果存在)，或者添加一个包含 `declare module 'vue-awesome-swiper/dist/ssr';` 的新声明(.d.ts)文件ts(7016)

解决办法：

卸载当前  Swiper：npm uninstall swiper
安装低版本的  Swiper：npm install [email protected] --save

仅供参考：解决vue-awesome-swiper中swiper/css/swiper.css无法导入问题_syzdev的博客-CSDN博客_swiper/css/swiper.css