6

我有一个 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我会收到上面的构建错误。

4

1 回答 1

2

在花了几个小时寻找拼写错误、代码示例或其他报告之后，我认为您的问题是我在网上找到的唯一问题，然后在给予它赏金之后，看起来我找到了解决方案。

我在我的 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 定义之前。

于 2016-07-01T06:38:48.463 回答