Question

我的应用程序在ext js 4.2.1中工作正常，但是当我升级时，我无法正确加载视口。视图端口位于不同的文件中并最初加载，但后来我得到了

错误：[Ext.create]无法识别的类名/别名：App.view.MainViewport

我已经尝试过要求视口文件，但这不起作用。任何帮助将不胜感激。

app.js

Ext.Loader.setConfig({enabled: true)};
Ext.Loader.setPath('Ext.ux', 'extjs5.1.1/ux');
Ext.require(['Ext.tip.QuickTipManager','Ext.container.Viewport', 'Ext.plugin.Viewport','Ext.layout.*','Ext.form.Panel','Ext.form.Panel', 'Ext.form.Label','Ext.grid.*','Ext.data.*','Ext.tree.*','Ext.selection.*', 'Ext.tab.Panel','Ext.ux.TabCloseMenu'] );
Ext.onReady( function() {
   Ext.application({
     name : 'App',
     appFolder: 'extapp',
     launch: function() {
       Ext.create('App.view.MainViewport');
     }
   });
});

MainViewport.js

Ext.define('App.view.MainViewport', {
   extend : 'Ext.container.Viewport',
   alias : 'widget.MainViewport',
   layout: {
     type: 'border'
   },
   initComponent: function() {
       console.info("initializing view");   
   }
});

Answer 1

我确实尝试在require中使用MainViewport，但是返回了错误和空白页面。我实际上发现了问题并且能够修复它！问题是在MainViewport文件中，我有一个需求，然后所需的文件也需要其他文件。为了找到导致错误的文件，我不得不遍历所有必需的文件并找到失败的文件。我通过在每个地方评论出每个必需的文件来做到这一点，并最终找到了罪魁祸首。然后，我的页面正确呈现。谢谢你的帮助！

ExtJS 5升级 - 视口无法识别的类名/别名

1 个答案: