extjs - 未触发侦听器事件

Question

在学习 ExtJS 时，我一直在玩弄文档。但是在测试侦听器事件时，什么都不会发生。

我使用 sencha CMD 生成了一个现代应用程序。我删除了所有不需要的代码，然后根据文档添加了自己的代码。然而，侦听器事件似乎根本不起作用。我试过几个例子，但没有运气。

可能是什么问题呢？

一个例子是——

主要的

Ext.define('ListenerTesting.view.main.Main', {
    extend: 'Ext.panel.Panel',
    xtype: 'app-main',

    requires: [
        'Ext.MessageBox',
        'Ext.layout.Fit'
    ],

    controller: 'main',
    viewModel: 'main',


    tabBarPosition: 'left',

    items: [{
        xtype: 'button',
        text: 'click me',
        listeners: {
            afterrender: function() {
                Ext.Msg.alert("Success", "Message");
            }
        }
    }]
});