带有Office UI Fabric的SPFx

Question

我正在尝试使用office UI Fabric/Fluent ui创建一个SPFx解决方案。我在某处读到，在带有react的更高版本的SPFx中，预装了office ui fabric组件。因此，当我使用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时，它显示component not found错误。我的节点版本是10.18。我的问题是，有没有什么特别的版本可以用来运行带有office ui fabric的SPFx？office UI fabric和fluent UI是否相同？请指导我有关正确的版本，以便我可以流利的ui控制。

Answer 1

你应该使用SPFx 1.12.1中提供的Office React包，这是微软现在支持的方式。是的，Fluent UI和Office UI Fabric是相同的。

微软于2020年初将Office重命名为Fluent UI，主要的Fluent UI React包@fluentui/react只是从SharePoint框架项目中使用的office- UI - Fabric -react包导出组件。此时，您应该继续在SharePoint框架项目中使用office-ui-fabric-react包。

更多详细信息请访问：Office UI Fabric React & Fluent UI React

Answer 2

SPFX将支持Fluent UI版本7.178.1。尝试安装特定的版本，它将解决问题。