我有一个 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时，我会收到上面的构建错误。
在花费数小时寻找拼写错误、代码示例或其他报告后，我认为您的问题是我在网上找到的唯一内容，然后在给予赏金后，看起来我找到了解决方案。
我在我的projectname/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 定义之前就被评估到了早期。