Extjs 6 - modernes Toolkit ui-mixins build error

Question

Ich habe einen Extjs 6 Workspace mit zwei Paketen (eins für classic und eins für modern) und eine Beispiel-App darin. Ich habe kein Problem, die klassischen Paketkomponenten mit den entsprechenden ui-mixins zu stylen, zB: @include extjs-panel-ui() ;. Wenn jedoch versuche ich, moderne Komponenten mit dem entsprechenden ui-Mixins Ich erhalte eine Fehlermeldung stylen:

[ERR] unknown definition for mixin named panel-ui : 

[INF] Build error for ../../../build/temp/production/pra_kitchensink/slicer-temp/pra_kitchensink-example.scss 
[ERR] Error: Sass compilation encountered 1 error(s) 
[ERR] 
[ERR] BUILD FAILED 
[ERR] com.sencha.exceptions.ExBuild: Sass compilation encountered 1 error(s) 
[ERR] at sun.reflect.DelegatingMe 
[ERR] thodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) 
[ERR] 
[ERR] Total time: 21 seconds 

Ich versuche, um Stil ein Panel in der modernen Toolkit so bin ich mit @include panel-ui();

niemanden weiß, warum ich die ui-mixins für klassische Komponenten verwenden kann, aber ich bekomme einen Buildfehler, wenn ich versuche, die ui-mixins für moderne Komponenten zu verwenden? Verwirrt, wenn ich sencha app watch modern ausführen, funktioniert und funktioniert es wie erwartet, aber wenn ich sencha app watch oder sencha app build ausführen, bekomme ich den Build-Fehler oben.

Answer 1

Nachdem ich stundenlang nach Rechtschreibfehlern, Codebeispielen oder anderen Berichten gesucht habe, dachte ich mir, dass deine Frage das Einzige ist, was ich online gefunden habe, und nach dem Kopfgeld sieht es aus, als hätte ich eine Lösung gefunden.

Ich habe diesen Code in meinem Projektname/sass/var/all.scss verwendet und es gab genau den gleichen Fehler wie Sie berichten.

@include panel-ui (
    $ui: 'mainmenu', 
    $body-background-color: red 
); 

suchen, dann für Proben (wie ext-6.0.1/examples/modern/Adressbuchs/sass/src/view/Main.scss) Ich dachte, dass ich es in die falsche Datei wurde inklusive.

Da ich ein Ext.Panel formatieren wollte, dachte ich, es sollte in /sass/src/Panel.scss enthalten sein, aber der Dateiname sollte einer Datei meiner eigenen Quelle zugeordnet werden. In meinem Fall: sass/src/view/main/Menu.scss

Nun kompiliert es und funktioniert gut.

Ich denke, das Problem ist, dass bei Verwendung der srs/Panel.scss der Code einfach nicht enthalten war, und wenn es in var/all.scss getan wurde, wurde es zu früh ausgewertet, bevor Fashion/Cmd die Panel- UI Definition.