在 Microsoft SharePoint WebPart 上加载 Fluentui 9.19.1 React 组件的样式

Question

我目前正在开发 Microsoft WebPart。 我正在使用“yo @microsoft/sharepoint”通过 React 框架生成项目，我想使用新的“@fluentui/react-components”来设计 WebPart。

但是，当我部署应用程序时，组件出现时没有任何样式...

从我使用的代码中提取（.tsx 文件）

import { LargeTitle, Divider, Button } from '@fluentui/react-components';
import { DocumentRegular } from '@fluentui/react-icons'

<LargeTitle>Title:</LargeTitle>
<Button appearance="primary" icon={<DocumentRegular />}>
            Primary
</Button>
<Divider />

预期结果：

任何帮助表示赞赏！谢谢

我已经试过了： - 改变浏览器 - 清除缓存 - 卸载软件包然后重新安装 - 使用 npm install @fluentui/react-components 或 yarn add @fluentui/react-components 安装包。