问题描述
我正在尝试使用 office ui Fabric/Fluent UI 创建 SPFx 解决方案。我在某处读到，在带有 react 的更高版本的 SPFx 中，预装了 Office ui 结构组件。因此，当我使用 yeoman 生成器创建默认 SPFx 时，它在 package.json 中创建了“office-ui-fabric-react”：“7.156.0”。但是当我尝试导入文本框或按钮时，它说找不到模块“@fluentui/react/lib/TextField”。我的 SPFx 版本是 1.12.0。我在 package.json 中创建了“@fluentui/react”：“7.111.0”条目，错误已解决，但是当我运行 SPFx 时，它显示未找到组件错误。我的节点版本是 10.18 我的问题是，我应该使用任何特定版本来运行带有 office ui 结构的 SPFx 吗？ office UI 结构和 fluent UI 是一样的吗？请指导我正确的版本，以便我可以流畅的 ui 控件。
解决方法
您应该使用 SPFx 1.12.1 中提供的 Office UI Fabric React 包，这是 Microsoft 现在支持的方式。是的，Fluent UI 和 Office UI Fabric 是一样的。
微软在 2020 年初将 Office UI Fabric 重命名为 Fluent UI
主要的 Fluent UI React 包 @fluentui/react 只是从 SharePoint 框架项目中使用的 office-ui-fabric-react 包导出组件。此时，您应该继续在您的 SharePoint 框架项目中使用 office-ui-fabric-react 包。
此处有更多详细信息：Office UI Fabric React & Fluent UI React