ExtJSの6 - 近代的なツールキットのUI-ミックスインビルドエラー

Question

私は2つのパッケージ（古典と現代のための1つに1つ）とExtJSの6ワークスペースとその中にサンプルアプリを持っています。私は、対応するui-mixins、例えば：@include extjs-panel-ui（）;で古典的なパッケージコンポーネントをスタイリングすることに問題はありません。私は@include panel-ui();

は誰もい使用しています

[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 

私は現代のツールキットでのパネルのスタイルを設定しようとしています：しかし、私はエラーを取得しています対応するUI-ミックスインと近代的な要素のスタイルを試みなぜ私は古典的なコンポーネントにui-mixinsを使用できるのか知っていますが、現代のコンポーネントにui-mixinsを使用しようとするとビルドエラーが発生します。私はsencha app watch modernを実行した場合紛らわしいことに、それが動作し、機能、予想通り、私はsencha app watchまたはsencha app buildを実行したときに私は上記のビルドエラーを取得します。スペルミス、コードサンプルまたは私はあなたの質問は、私はそれに私は解決策を見つけたように見える恵みを与えた後、オンラインで見つけるだけのものだった考え出し他のレポートを探しに時間を使用した後

Answer 1

。

私は私のプロジェクト名/ SASSの/ var/all.scssでこのコードを使用していたし、あなたが報告として、それはまったく同じエラーを与えました。次に、（EXT-6.0.1 /例/近代/アドレス帳/ SASS/srcに/ビュー/ Main.scssなど）のサンプルを探して

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

私は私が間違ってファイルに含めたことを考え出し。

私はExt.Panelをスタイルしたかったので、それは/sass/src/Panel.scssに含めるべきだと思っていましたが、ファイル名は自分のソースのファイルにマップする必要がありました。私の場合：SASS/srcに/ビュー/メイン/ Menu.scss

今ではコンパイルし、正常に動作します。

srs/Panel.scssを使用すると、コードが単純に含まれていないことがわかります。var/all.scssでそれを実行すると、Fashion/Cmdがパネル検出の前に早期に評価されました。 UI定義。