问题描述
我们在 document.body.queryselector(':shadow-root #extension-name') 项目中使用 react-responsive-carousel。当我们用 Next.js 替换 img 以优化缩略图图像大小时，缩略图消失了。你知道为什么吗？
解决方法
看起来像 limitation of react-responsive-carousel：
请注意，无法在自定义组件中渲染图像。如果它们被呈现为 carousel 的直接子元素，或者如果它们位于 div 或其他普通 html 元素中，并且可以从 carousel 访问这些元素的子元素，则 Carousel 将找到拇指。 出于性能原因，无法在自定义组件中获取图像。
next/image 是 <img> 元素的包装器，这意味着 Carousel 无法获取缩略图的图像。