找不到此依赖项：*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，看看是否有帮助。

相关问题