无法使用 swiper/vue 依赖项未找到

Question

"vue": "^2.6.14" "swiper": "^7.0.5",

import { Swiper, SwiperSlide } from 'swiper/vue';
import 'swiper/css';

我按照示例尝试默认导入，但是：

未找到这些依赖项：

• @/swiper/css 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/lib??vue-loader-options!./src/components/Swiper.vue?vue&type=script&lang=js&
• ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js 中的 swiper/vue？ ?ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Swiper.vue?vue&type=script&lang=js&

要安装它们，您可以运行： npm install --save @/swiper/css swiper/vue

我尝试安装：

npm install --save @/swiper/css swiper/vue

但出现以下错误：

npm 错误！代码 ENOLOCAL npm 错误！无法从“@\swiper\css”安装，因为它不包含 package.json 文件。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！C:\Users\A262556\AppData\Roaming\npm-cache_logs\2021-09-14T13_57_46_048Z-debug.log

Answer 1

最新版本的 Swiper似乎存在一个关于模块导入的持续问题。
目前，我建议您使用 Swiper v6 作为快速解决方案，但您应该尝试查看导致此问题的原因（可能与您的捆绑程序有关）。

npm i swiper@^6.8.4

编辑：如果您想使用 Swiper 7（从 Swiper 6 开始），问题的解决方案可能位于Swiper 的迁移指南中。