Geek Answers Handbook

Extjs 6 - a modern tool for creating ui-mixins build

I have an Extjs 6 workspace with two packages (one for classic and one for modern) and an example application. I have no problems linking the classic package components with the corresponding ui-mixins, for example: @include extjs-panel-ui () ;. However, when I try to create modern components with the corresponding ui-mixins, I get an error message:

[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

I am trying to create a panel in a modern toolbox, so I use @include panel-ui();

Does anyone know why I can use ui-mixins for classic components, but I get a build error when I try to use ui-mixins for modern components? Vaguely, if I run sencha app watch modern , it works and functions as expected, but when I run sencha app watch or sencha app build , I get the build error above.

+6
source share
1 answer

After using the clock to look for spelling errors, code samples, or other reports, I decided that your question was the only one that I found on the Internet, and then, after giving it generosity, it looks like I found a solution.

I used this code in my projectname / sass / var / all.scss and it gave the same error you are reporting.

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

Then searching for samples (e.g. ext-6.0.1 / examples / modern / addressbook / sass / src / view / Main.scss) I realized that I included it in the wrong file.

Since I wanted to style Ext.Panel, I decided that it should be included in /sass/src/Panel.scss, but the file name should be mapped to a file of my own source. In my case: sass / src / view / main / Menu.scss

Now it compiles and works great.

I assume the problem is that when using srs / Panel.scss, the code simply did not turn on, and when it was done in var / all.scss, it was evaluated before Fashion / Cmd detected the panel-ui definition.

+2
source

More articles:


All Articles