Extjs 6 - bộ công cụ hiện đại ui-mixins xây dựng lỗi

Question

Tôi có một không gian làm việc Extjs 6 với hai gói (một cho cổ điển và một cho hiện đại) và một ứng dụng mẫu trong đó. Tôi không có vấn đề gì trong việc tạo kiểu cho các thành phần gói cổ điển với các ui-mixins tương ứng, ví dụ: @include extjs-panel-ui() ;. Tuy nhiên, khi tôi cố gắng để tạo kiểu thành phần hiện đại với tương ứng ui-mixins Tôi nhận được một lỗi:

[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 

tôi đang cố gắng để tạo kiểu một bảng điều khiển trong bộ công cụ hiện đại vì vậy tôi đang sử dụng @include panel-ui();

Có ai biết lý do tại sao tôi có thể sử dụng ui-mixins cho các thành phần cổ điển nhưng tôi nhận được một lỗi xây dựng khi tôi thử và sử dụng ui-mixins cho các thành phần hiện đại? Nhầm lẫn, nếu tôi chạy sencha app watch modern, nó hoạt động và hoạt động như mong đợi, nhưng khi tôi chạy sencha app watch hoặc sencha app build tôi nhận được lỗi xây dựng ở trên.

Answer 1

Sau khi sử dụng giờ tìm kiếm lỗi chính tả, mẫu mã hoặc các báo cáo khác, tôi đã tìm câu hỏi của bạn là điều duy nhất tôi tìm thấy trực tuyến, sau khi tặng nó tiền thưởng, có vẻ như tôi đã tìm được giải pháp.

Tôi đã sử dụng mã này trong tên projectname/sass/var/all.scss của mình và nó đã đưa ra lỗi chính xác giống như bạn báo cáo.

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

Sau đó tìm kiếm các mẫu (như ext-6.0.1/ví dụ/hiện đại/addressbook/sass/src/xem/Main.scss) I figured rằng tôi đã bao gồm nó trong tập tin sai.

Vì tôi muốn tạo kiểu cho Ext.Panel nên tôi cần phải đưa nó vào /sass/src/Panel.scss nhưng tên tệp phải được ánh xạ tới một tệp nguồn của riêng tôi. Trong trường hợp của tôi: sass/src/view/main/Menu.scss

Bây giờ nó biên dịch và hoạt động tốt.

Tôi đoán vấn đề là khi sử dụng srs/Panel.scss mã đơn giản không được bao gồm, và khi thực hiện nó trong var/all.scss nó đã được đánh giá đến sớm, trước khi Fashion/Cmd đã tìm thấy bảng điều khiển- định nghĩa ui.