带有Office UI结构的SPFx



我正在尝试使用office ui Fabric/Fluent ui创建SPFx解决方案。我在某个地方读到,在带有react的SPFx的更高版本中,预装了office ui结构组件。因此,当我用yeoman生成器创建默认SPFx时,它创建了";office ui fabric react":"7.156.0";在package.json中。但当我尝试导入文本框或按钮时,它说找不到模块"@fluentui/reflect/lib/TextField"。我的SPFx版本是1.12.0。我创建了"@fluentui/反应":"7.111.0";,在我的package.json中,错误得到了解决,但当我运行SPFx时,它显示组件未找到错误。我的节点版本是10.18我的问题是,有没有什么特定的版本我应该用来运行带有office ui结构的SPFx?office UI结构和流畅的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/rect只是从SharePoint Framework项目中使用的office UI fabric React包中导出组件。此时,您应该继续在SharePoint Framework项目中使用office ui结构react包。

此处提供更多详细信息:Office UI Fabric React&Fluent UI React

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

最新更新