Extjs 6 - nowoczesny pakiet narzędziowy ui-mixins błąd kompilacji

Question

Mam przestrzeń roboczą Extjs 6 z dwoma pakietami (jeden dla klasycznego i jeden dla współczesnego) i przykładową aplikacją. Nie mam problemu z stylizowaniem klasycznych komponentów pakietu z odpowiednimi ui-mixins, np .: @include extjs-panel-ui() ;. Jednak, gdy próbuję stylu nowoczesne komponenty z odpowiednimi UI-wstawek Otrzymuję błąd:

[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 

Staram się projektować panel we współczesnym Toolkit więc używam @include panel-ui();

Czy ktoś wiem, dlaczego mogę używać ui-mixin dla klasycznych komponentów, ale dostaję błąd kompilacji, gdy próbuję użyć ui-mixin dla nowoczesnych komponentów? Mylące, jeśli uruchomię sencha app watch modern, działa i działa zgodnie z oczekiwaniami, ale po uruchomieniu sencha app watch lub sencha app build pojawia się błąd kompilacji powyżej.

Answer 1

Po wielu godzinach szukania błędów ortograficznych, próbek kodu lub innych raportów doszedłem do wniosku, że twoje pytanie jest jedyną rzeczą, którą znalazłem w Internecie, a po przyznaniu nagrody wygląda na to, że znalazłem rozwiązanie.

Użyłem tego kodu w moim projectname/sass/var/all.scss i podał dokładnie ten sam błąd, co raport.

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

Następnie szuka próbek (jak ext-6.0.1/przykłady/modern/adresowa/Sass/src/view/Main.scss) Pomyślałem, że byłem w tym go w złym pliku.

Ponieważ chciałem zaprojektować Ext.Panel, pomyślałem, że powinien on być zawarty w /sass/src/Panel.scss, ale nazwa pliku powinna zostać zmapowana do pliku z mojego własnego źródła. W moim przypadku: sass/src/view/main/Menu.scss

Teraz kompiluje i działa dobrze.

Chyba problem polega na tym, że przy korzystaniu z srs/Panel.scss kod nie był po prostu uwzględniany, a gdy robił to w var/all.scss, był oceniany na wczesny, zanim Fashion/Cmd znalazło panel. definicja interfejsu użytkownika.