无法从 spfx webpart 中的@fluentui/react-northstar@0.48.0 正确加载组件

Unable to load component properly from @fluentui/react-northstar@0.48.0 in a spfx webpart

我正在使用@fluentui/react-northstar carousal 组件link. it seems solution for my problem, but while loading it in spfx its not taking any default css or such. My webpart is simply showing images in vertical manner instead of showing proper carousel. Please find my code here

我也试过 react-material carousel 但为此我也面临同样的问题。

我基于 spfx/react 创建了 'hello word' webpart 并插入了提到的组件,它在这里运行良好:

这是我的测试演示:

BR


////////////----更新---//////////////////////////


基于文档中的示例,我添加了如下缩略图功能:

我认为效果很好,就像示例显示的那样。可以试试吗?