未找到此依赖项：*swiper/vue 如何修复？

Question

我很挠头，因为我跑了npm i swiper一遍 Swiper Vue 文档，它说import { Swiper, SwiperSlide } from 'swiper/vue我已经完成了，我什至得到了显示的包大小95.4K (gzipped: 28.9K)。

当我运行时，npm run serve我收到此错误

This dependency was not found:

* swiper/vue in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/views/Home.vue?vue&type=script&lang=js

To install it, you can run: npm install --save swiper/vue

我一生都无法弄清楚如何导入这种依赖关系。

Answer 1

这对我有用，使用 Vue ^3.0.0 和 Swiper ^8.0.6

import { Swiper, SwiperSlide } from "swiper/vue/swiper-vue";

import "swiper/swiper-bundle.css";

Answer 2

如果您使用的是 swiper 版本 7* 那么您可能会遇到此类问题。

Github 问题 4871

尝试降级到 v6.7.5 ，看看是否有帮助。

相关问题