Extjs 未触发侦听器事件

在学习ExtJS时，我一直在使用文档。但是当测试侦听器事件时，不会发生任何事情

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

有什么问题吗

一个例子是-

主要

---

对于modern，文档中没有

afterrender

事件。你能解释清楚你想要什么吗？对于任何现代的组件，不仅仅是按钮。我也注意到了这一点。还试图使用“点击”，并发现其现在的“点击”。我只是试图在面板加载后通过警报显示消息。您是否尝试过“绘制”事件？绘制：函数（）{Ext.Msg.alert（“Success”，“Message”）；}

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");
            }
        }
    }]
});