无法在 Ext JS 应用程序中包含 ux

Question

该应用程序不包括用户体验。 整个 extjs 库位于 - myexample/js/ext-6.2.0 我从myexample/js/ext-6.2.0/ 复制了包含所有内容的文件夹“ux”到我的应用程序中

test
|---app.js
|
|---app
|    |---controller
|    |---model
|    |---store
|    |---ux 
|    |---view
|---index.html

然后在 app.js 中，在调用应用程序之前我连接“ux”：

Ext.Loader.setConfig({enabled:true});
Ext.Loader.setPath('Ext.ux', 'app/ux');
Ext.application({
....

我得到错误：

[Ext.Loader] 同步加载'widget.treepicker';考虑 在 Ext.onReady 上方添加 Ext.require('widget.treepicker')

版本：Ext JS 6.2.0.981 - JavaScript 库

我做错了什么？ 如何包括用户体验？ 谢谢。

Answer 1

尝试将其添加到 app.js 文件中

requires:[
    'Ext.ux.your_file_name' //your_file_name inside the ux folder
]

Answer 2

在“app.json”文件中，您应该找到类似于此的“requires”配置

 "requires": [
        "font-awesome",
        "charts",
        "ux"
    ]

"app.json" 将出现在 Extjs 应用程序文件夹中，该文件夹将是命令的结果：

sencha generate app -ext MyApp /path/to/my-app

这是您导入包的地方。因此，您的部分代码正在使“ext”包不被加载。这导致与“treepicker”相关的错误。因为“treepicker”是“extjs”包的一部分。 尝试以这种方式包含包。它应该可以工作。