Office-Benutzeroberflächenklassen fehlen in Sharepoint Framework Projekt

Question

Ich bin neu bei Sharepoint Framework, aber ich habe den 'yo @ microsoft/sharepoint' Befehl verwendet, um ein neues React/SPFx-Projekt zu erstellen. Es scheint jedoch, dass ich keinen Zugriff auf einige der CSS-Klassen in OfficeUI Fabric haben. Wenn ich z. B. versuche, ein typisches Rasterlayout zu erstellen, funktionieren die Klassen ms-Grid-row und ms-Grid-col wie erwartet, die Klassen des Größenklassifizierungsdiensts jedoch nicht (ms-sm6, ms-lg6). Andere Fabric-Klassen funktionieren ebenso wie ms-bgColor-neutralLight, ms-font-xl und ms-fontWeight-semibold ... sodass ein Teil dieses Stylings durchkommt.

Wenn ich einen Link Verweis auf die Datei workbench.html, die auf die CDN von fabric.css verweist, bekomme ich diese Klassen wieder arbeiten .... aber das ist keine Lösung, da diese Datei nur eine temporäre Datei ist Testen zur Kompilierzeit.

Gibt es noch etwas, das getan werden muss, um die Datei beb.css (oder fabric.min.css) in mein Projekt aufzunehmen?

Answer 1

Ich laufe auf das gleiche Problem. Yeoman hat den SPFX-Webpart (React) für eine lokale Instanz generiert. Als ich in das Knotenmodul eindrang, fand ich heraus, dass die Klassen nicht mit der Dokumentation übereinstimmten. Wo die Dokumentation sagen würde, ms-md6 zu verwenden, hat die CSS-Datei ms-u-md6. Scheint so, als ob alle Layout-Klassen diesem Muster von ms-u- statt nur ms -... folgen. Das Hinzufügen des -u zum className gibt mir nun Spalten mit der passenden Größe.

Der Pfad zur Datei, die ich die Klassen gefunden ist: .../node_modules/Büro-ui-Stoff/dist/css/fabric.css (YMMV)