Extjs 6 - ошибка сборки современного инструментария ui-mixins

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
);

Затем, ища примеры (например, ext-6.0.1/examples/modern/addressbook/sass/src/view/Main.scss), я понял, что включил его в неправильный файл.

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

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

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