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

【问题标题】：ExtJS 5 Upgrade - Viewport unrecognized class name / aliasExtJS 5 升级 - 视口无法识别的类名/别名
【发布时间】：2015-09-04 18:49:34
【问题描述】：

我的应用程序在 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");   
   }
});

【问题讨论】：

请贴出viewport文件的结构、文件名结构和初始app.js的内容。没有它，这里什么都看不到。
我添加了我在问题中使用的代码。
请检查您对Ext.loader和Ext.Loader的使用是否真的正确。我已将您的所有其他代码放入 fiddle 中，它适用于 Ext 5.1.1。
这是一个错字。我的实际文件中有正确的。我有很多必需的文件、模型、商店和控制器。但是我将所有这些都注释掉了，仍然得到与上面相同的错误。它还告诉我正在同步加载 MainViewport 文件。
我在require 列表中看不到App.view.MainViewport。你试过添加它吗？

标签： javascript extjs upgrade viewport extjs5

【解决方案1】：

我确实尝试在 require 中使用 MainViewport，但返回了错误和空白页面。我实际上发现了问题并且能够解决它！问题是在 MainViewport 文件中，我有一个要求，然后所需的文件还需要其他文件。为了找到导致错误的文件，我必须遍历所有必需的文件并找到失败的文件。我通过在各处注释掉每个必需的文件来做到这一点，并最终找到了罪魁祸首。然后，我的页面正确呈现。感谢您的帮助！

【讨论】：