2017-07-27 4 views
1

私はSharepoint Frameworkを初めて使用しましたが、新しいReact/SPFxプロジェクトを作成するために 'yo @ microsoft/sharepoint'コマンドを使用しました。しかし、そうすることで、私はのOfficeUI Fabricで利用可能なCSSクラスにアクセスすることができないようです。たとえば、一般的なグリッドレイアウトを作成しようとすると、ms-Grid-rowクラスとms-Grid-colクラスは期待通りに機能しますが、サイジングユーティリティクラスは(ms-sm6、ms-lg6)ではありません。 ms-bgColor-neutralLight、ms-font-xl、ms-fontWeight-semiboldなどの他のファブリッククラスも同様に機能します。そのスタイリングの一部が通過します。Sharepoint Framework ProjectにOffice UIファブリッククラスがありません

fabb.cssのCDNを指すworkbench.htmlファイルへのリンク参照を追加すると、これらのクラスは再び動作しますが、そのファイルは一時ファイルビルドのための解決策ではありませんコンパイル時にテストする。

私のプロジェクトにfabric.css(またはfabric.min.css)を含めるために必要なことがありますか?

答えて

0

同じ問題が発生しています。 Yeomanは、社内のインスタンス用にSPFX webpart(React)を生成しました。ノードモジュールを調べると、クラスがドキュメントに一致していないことがわかりました。ドキュメントでms-md6を使用するとすると、cssファイルのサイズはms-u-md6となります。すべてのレイアウトクラスがms-u-のパターンに従うように思えます。-... classNameに-uを追加すると、今では適切なサイズの列が得られます。

クラスが見つかりましたファイルへのパスは.../node_modules/office-ui-fabric/dist/css/fabric.css(YMMV)

関連する問題