问题标签 [react-multi-carousel]

我正在尝试为我的 React/Typescript 项目使用 react-multi-carousel 库。

我在终端中收到此错误：

这是 IndicatorCarousel.tsx：

webpack.config：

这是它的显示方式： 我添加了带有下一个参数的轮播：

SliderItemWrapper 是简单的 div。

我猜问题可能出在totalItems属性里面carouselState，因为它会随机计算子项计数。我尝试了不同的配置，但所有配置都面临相同的问题。

在这里我已经实现了这个库，但是当我自定义箭头按钮时，我遇到了箭头的响应问题。我将这些箭头设置为绝对位置，因为我无法将它们推入弹性框。这是我的js代码： -

在样式化的组件中为它们提供 Css。可能是响应性不适用于绝对位置。但我不知道如何解决这个定位问题。提前致谢。

我被要求使用 react-multi-carousel 为 react-multi-carousel 组件提供移动设备的自由滚动功能。因此，当用户在移动设备上滑动（L 或 R）时，默认滚动到下一个轮播项目。默认似乎将下一个轮播项目锁定到 carousel-wrapper 的左边框

要求是创建一个不锁定任何旋转木马的流体卷轴。因此，如果移动用户有意滚动，则轮播很可能会滚动到轮播项目的末尾。

我认为实现这一点的能力在于 slidesToSlide: num 配置中的某处，但似乎无法正常工作。

https://codesandbox.io/s/react-multi-carousel-demo-forked-5th2b?file=/src/simple.js

在我的 React 应用程序中，我使用react-multi-carousel. 但是，它只发生在 Google Firebase 托管上。它在本地运行良好。

我的项目是用 Vite 和 Tailwind CSS 创建的。

错误：

错误：缩小的 React 错误 #130；访问https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]=获取完整消息，或使用非缩小开发环境获取完整错误和其他有用的警告。

翻译为：

元素类型无效：应为字符串（用于内置组件）或类/函数（用于复合组件）但得到：对象。

主页.jsx

gita_carousel.jsx

react-multi-carousel发生此错误时，我正在尝试安装库：

./node_modules/react-multi-carousel/lib/styles.css
TypeError: Cannot read properties of undefined (reading 'tap')

我认为这是因为项目使用nextjs（只知道极端基础知识）。这是我的next.config文件：

此外，我正在尝试将这些样式导入到名为restaurants.js. 我尝试在里面导入_app.js，它也不起作用。