Ext.js报错Cannot read properties of undefined (reading 'controller')求助

• 先确认组件实例状态
  首先验证Ext.getCmp('equipChkEdit')获取的组件是否存在或已就绪，添加日志打印：

  var editPanel = Ext.getCmp('equipChkEdit');
  console.log('组件实例:', editPanel);
  console.log('组件controller:', editPanel?.controller);
  

  如果组件为undefined，说明ID错误或组件未完成加载；如果组件存在但controller为undefined，继续以下排查。

• 核对控制器命名空间与别名
  确保equipChkEditController.js中的控制器别名与view中指定的controller值完全匹配（区分大小写）：

  // equipChkEditController.js
  Ext.define('Equipmaint.controller.Equipchkedit', {
      extend: 'Ext.app.ViewController',
      alias: 'controller.equipmaint.equipchkedit', // 需与view中controller字段一致
      getAttachFile: function(planId, equipCode) {
          // 方法实现
      }
  });
  

• 确保控制器被正确引入
  在equipChkEdit.js的requires中明确引入控制器类，避免动态加载延迟：

  // equipChkEdit.js
  Ext.define('Equipmaint.view.Equipchkedit', {
      extend: 'Ext.panel.Panel',
      controller: 'equipmaint.equipchkedit',
      requires: [
          'Equipmaint.controller.Equipchkedit'
      ],
      // 其他配置
  });
  

• 替换Ext.getCmp为更可靠的引用方式
  依赖ID获取组件容易出现未就绪或重复ID问题，改用组件引用：

  // 在equipChkEdit.js中添加reference
  reference: 'equipChkEdit'
  
  // 在equipChkAttachFileController.js的onSaveClick中
  var editPanel = this.lookupReference('equipChkEdit');
  if(editPanel) {
      editPanel.getController().getAttachFile(equip_pm_plan_id, equip_code);
  }
  

  使用getController()方法比直接访问controller属性更稳定，会自动确保控制器已绑定。

• 检查加载顺序与构建配置
  确认equipChkEditController.js在组件渲染前已加载，可在app.js的requires中添加控制器路径，或通过Sencha Cmd构建工具验证控制器是否被正确打包进项目。

内容的提问来源于stack exchange，提问作者jin lee