帶有 Office UI Fabric 的 SPFx

Question

我正在嘗試使用 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 控件。

Answer 1

您應該在 SPFx 1.12.1 中使用提供的 Office UI Fabric React package，這是 Microsoft 現在支持的方式。 是的，Fluent UI 和 Office UI Fabric 是一樣的。

微軟在 2020 年初將 Office UI Fabric 更名為 Fluent UI

主要的 Fluent UI React package，@fluentui/react，只是從 Z97F02F6993B93732B0D39DFE0046 框架項目中使用的 office-ui-fabric-react package 導出組件。 這時候，你應該在你的 SharePoint 框架項目中繼續使用 office-ui-fabric-react package。

更多詳細信息： Office UI Fabric React 和 Fluent UI React

Answer 2

流暢的 UI 版本 7.178.1，將受 SPFX 支持。 嘗試安裝特定版本，它將解決問題。