Extjs 6.2未捕獲的TypeError：touchScrollable.getElement不是函數

Question

有人看過這個錯誤嗎？ 我們將應用程序升級到extjs 6.2，當我通過平板電腦（通過chrome的開發人員工具）打開它時，出現以下錯誤。

控制台錯誤詳細信息

ext-all-debug.js:163023 Uncaught TypeError: touchScrollable.getElement is not a function(…)
initEl  @   ext-all-debug.js:163023
constructor @   ext-all-debug.js:162985
callParent  @   ext-all-debug.js:12490
constructor @   ext-all-debug.js:239358
Ext.resizer.ResizeTracker   @   ext-all-debug.js:13133
constructor @   ext-all-debug.js:239972
Ext.resizer.Resizer @   ext-all-debug.js:13133
initResizable   @   ext-all-debug.js:70052
callParent  @   ext-all-debug.js:12490
initResizable   @   ext-all-debug.js:160828
onBoxReady  @   ext-all-debug.js:68326
callParent  @   ext-all-debug.js:12490
onBoxReady  @   ext-all-debug.js:159716
afterFirstLayout    @   ext-all-debug.js:61616
afterComponentLayout    @   ext-all-debug.js:66470
callParent  @   ext-all-debug.js:12490
afterComponentLayout    @   ext-all-debug.js:138322
notifyOwner @   ext-all-debug.js:141439
callLayout  @   ext-all-debug.js:235122
flushLayouts    @   ext-all-debug.js:235270
runComplete @   ext-all-debug.js:235813
callOverrideParent  @   ext-all-debug.js:1587
callParent  @   ext-all-debug.js:12490
runComplete @   ext-all-debug.js:64529
run @   ext-all-debug.js:235800
flushLayouts    @   ext-all-debug.js:64537
resumeLayouts   @   ext-all-debug.js:64552
Ext.resumeLayouts   @   ext-all-debug.js:70316
setActiveItem   @   ext-all-debug.js:238424
setActiveItem   @   ext-all-debug.js:139160
setLoggedIn @   Main.js?_dc=1479893621186:38
afterLoginResponse  @   LoginController.js?_dc=1479893621378:99
success @   LoginController.js?_dc=1479893621378:82
callback    @   ext-all-debug.js:8702
onComplete  @   ext-all-debug.js:25783
onStateChange   @   ext-all-debug.js:25737
(anonymous function)    @   ext-all-debug.js:6859

Main.js代碼

    Ext.define('eProject.view.desktop.viewport.Main', {
    extend: 'Ext.panel.Panel',
    requires: [
        'eProject.view.desktop.login.Main',
        'eProject.view.desktop.main.Main'
    ],
    xtype: 'app-desktop-viewport',
    layout: 'card',
    items: [
        {
            xtype: 'panel',
            layout: 'center',
            items: [
                {
                    xtype: 'label',
                    text: 'Loading ...'
                }
            ]
        },
        {
            xtype: 'app-desktop-login'
        },
        {
            xtype: 'app-desktop-main'
        }
    ],
    listeners: {
        beforerender: function (panel) {
            eProject.util.Localizer.update(panel, true);
        }
    },
    localizerUpdate: function () {
        eProject.util.Localizer.update(this, false);
    },
    setLoggedIn: function (status) {
        if (status && status == true)
        {
            this.setActiveItem(2);
        }
        else
        {            
            this.setActiveItem(1);
            this.down('app-desktop-login').resetInput();
        }
    }
});

控制台錯誤中顯示的行是this.setActiveItem(2);

更新1

在某些情況下，從面板中刪除resizable: true可以解決此問題。

更新2

這有點奇怪，但是注釋了resizable: true所有網格面板（和一個樹面板）中的resizable: true都解決了這個問題。

Answer 1

顯然，將項目升級到extjs 6.2.1可以解決此問題。