Reactjs React slick滑块未在jsdom上渲染

我正在使用jsdom渲染我的react组件，其中一个组件是react slick滑块，因此服务器上无法正确渲染此滑块

代码如下：

class GallerySlider extends React.PureComponent {
  render() {
    let { children, initialSlide, afterChange } = this.props;
    const LeftNav = <Icon color="white" name="arrow-left" />;
    const RightNav = <Icon color="white" name="arrow-right" />;

    let settings = {
      accessibility: true,
      adaptiveHeight: false,
      autoplay: false,
      className: "media-gallery__gallery--slider",
      dots: false,
      //infinite: false, // Currently doesn't work in combination with lazyload. Should turn-off when fixed.
      lazyLoad: true,
      slidesToShow: 1,
      slidesToScroll: 1,
      speed: 250,
      prevArrow: LeftNav,
      nextArrow: RightNav,
      initialSlide: initialSlide || 0,
      afterChange: afterChange
    };

    return (
      <div className="media-gallery__gallery-slider">
        <Slider ref="slider" {...settings}>
          {children}
        </Slider>
      </div>
    );
  }
}

export default GallerySlider;

class GallerySlider扩展了React.PureComponent{
render（）{
让{children，initialSlide，afterChange}=this.props；
常量LeftNav=；
常数RightNav=；
让设置={
可访问性：是的，
自适应高度：false，
自动播放：错误，
类名：“媒体库--滑块”，
点：错，
//infinite:false，//当前与lazyload组合不起作用。修复后应关闭。
懒汉：没错，
幻灯片放映：1，
幻灯片滚动：1，
速度：250，
prevArrow:LeftNav，
下一行：右导航，
初始幻灯片：初始幻灯片| | 0，
后变：后变
};
返回(
{儿童}
);
}
}
导出默认GallerySloider；

看起来是这样的：

呈现的代码如下所示： 有人能帮我一下吗？

我在：

⚠️ 还可以安装用于css和字体的滑动旋转木马

npm install slick-carousel

// Import css files
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";

或者在html中添加cdn链接

<link rel="stylesheet" type="text/css" charset="UTF-8" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />

您可能应该给滑块指定一个特定的高度。我应该在“设置”中设置它吗？不，我认为您应该在css中设置它。试试这个：

.slick slide{height:500px；}

嘿，这个补丁似乎也不起作用（嗯，

media-gallery\uuu gallery--slider

类中有什么？还是没有运气：(