React id swiper 在 React 18 中不起作用

Question

我正在使用带有 Swiper 版本 ^11.1.3 的 React 18 和带有版本 ^4.0.0 的 React-id-swiper。当我尝试使用它时，我收到此错误。 ““swiper”包中缺少“./css/swiper.css”说明符”

我已将此 css 文件包含在我的组件中...

import 'swiper/css/swiper.css';

Answer 1

在Swiper 11.1.3版本中，更新了CSS文件的导入路径。您应该使用：，而不是导入 swiper/css/swiper.css

导入'swiper/swiper-bundle.css';