微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

带有 Office UI Fabric 的 SPFx

如何解决带有 Office UI Fabric 的 SPFx

我正在尝试使用 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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。