找不到此依赖项：*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

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

Github issue 4871

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

Answer 2

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

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

import "swiper/swiper-bundle.css";

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

This dependency was not found: *swiper/vue how to fix?

javascript

node.js

webpack

vue.js

vue-component