Extjs 6 - toolkit moderno ui-mixins errore di compilazione

Question

Ho uno spazio di lavoro Extjs 6 con due pacchetti (uno per il classico e uno per il moderno) e un'app di esempio in esso. Non ho alcun problema nello styling dei classici componenti del pacchetto con i corrispondenti ui-mixin, ad esempio: @include extjs-panel-ui() ;. Tuttavia, quando tento di stile componenti moderni con i corrispondenti ui-mixins sto ottenendo un errore:

[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 

Sto cercando per lo stile un pannello nel toolkit moderno, quindi sto usando @include panel-ui();

C'è qualcuno so perché sono in grado di usare le ui-mixin per i componenti classici ma ottengo un errore di compilazione quando provo e uso le ui-mixin per i componenti moderni? In modo confuso, se corro sencha app watch modern, funziona e funziona come previsto, ma quando corro sencha app watch o un sencha app build ottengo l'errore di compilazione sopra.

Answer 1

Dopo aver impiegato ore a cercare errori di ortografia, esempi di codice o altri rapporti, ho pensato che la tua domanda fosse l'unica cosa che ho trovato online, quindi dopo averlo assegnato la taglia sembra che abbia trovato una soluzione.

Stavo usando questo codice nel mio nome progetto/sass/var/all.scss e ha fornito lo stesso identico errore segnalato.

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

Poi alla ricerca di campioni (come ext-6.0.1/examples/moderno/rubrica/sass/src/view/Main.scss) ho pensato che stavo includendolo nel file sbagliato.

Dal momento che volevo creare uno stile Ext.Panel, ho pensato che dovesse essere incluso in /sass/src/Panel.scss ma il nome del file dovrebbe essere mappato su un file di mia origine. Nel mio caso: sass/src/view/main/Menu.scss

Ora compila e funziona correttamente.

Immagino che il problema è che quando si utilizza srs/Panel.scss il codice non era semplicemente incluso, e quando lo si faceva in var/all.scss veniva valutato in anticipo, prima che Fashion/Cmd trovasse il pannello definizione di ui.