Extjs 6 - современный инструментарий ui-mixins build error

Question

У меня есть рабочая область Extjs 6 с двумя пакетами (одна для классической и одна для современной) и пример приложения. У меня нет проблем с компоновкой классических компонентов пакета с соответствующими ui-mixins, например: @include extjs-panel-ui() ;. Однако, когда я пытаюсь стилем современных компонентов с соответствующим Ui-Mixins Я получаю сообщение об ошибке:

[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 

Я пытаюсь стиль панели в современном инструментарии поэтому я использую @include panel-ui();

ли кто-нибудь знаете, почему я могу использовать ui-mixins для классических компонентов, но я получаю ошибку сборки, когда я пытаюсь использовать ui-mixins для современных компонентов? Смутно, если я запустил sencha app watch modern, он работает и функционирует так, как ожидалось, но когда я запускаю sencha app watch или sencha app build, я получаю ошибку сборки выше.

Answer 1

После использования часов при поиске орфографических ошибок, образцов кода или других отчетов, я решил, что ваш вопрос был единственным, что я нашел в Интернете, после того как он дал ему щедрость, похоже, что я нашел решение.

Я использовал этот код в своем имени проекта/sass/var/all.scss и дал ту же самую ошибку, что и вы сообщаете.

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

Затем ищет образцы (например, внутр-6.0.1/примеры/современный/Addressbook/дерзость/SRC/вид/Main.scss) Я понял, что я его включения в тот файл.

Поскольку я хотел стилизовать Ext.Panel, я решил, что он должен быть включен в /sass/src/Panel.scss, но имя файла должно быть сопоставлено файлу моего собственного источника. В моем случае: sass/src/view/main/Menu.scss

Теперь он компилируется и отлично работает.

Я предполагаю, что проблема заключается в том, что при использовании srs/Panel.scss код просто не включался, а когда он выполнялся в var/all.scss, он оценивался до начала, прежде чем Fashion/Cmd обнаружил, ui.