从extjs5到6。简单代码迁移

我不知道为什么，但是我在

extjs5

中工作的小代码现在在

extjs6

中不工作了。这是一个非常基本的代码，如下所示：

//TestApp/app.js

Ext.Loader.setConfig({enabled:true, disableCaching:true});
Ext.application({
    name:'TestApp',
    appFolder:'/TestApp',
    requires:['Ext.container.Viewport', 'Ext.layout.container.Border'],
    controllers:['TestAppController'],
    autoCreateViewport:true
});

============

//TestApp/view/Viewport.js

Ext.define('TestApp.view.Viewport',{
    extend:'Ext.container.Viewport',
    layout:'fit',
    initComponent:function(){
        Ext.apply(this,{
            layout:{
                type:'border'
            },
            items:[{
                region:'west',
                layout:'fit',
                width:500,
                collapsible:true,
                collapseMode:'mini',
                split:true,
                autoScroll:true
            },{
                region:'center',
                layout:'fit'
            }]
        });
        this.callParent(arguments);
    }
});

============

//TestApp/controller/TestAppController.js

Ext.define('TestApp.controller.TestAppControler',{
    extend:'Ext.app.Controller',
    init:function(){}
});

---

因此，当我运行应用程序时，我在控制台中看到，首先加载

ExtJS

css库，然后加载主

ext all.js

文件，然后加载

app.js

，然后加载

Viewport.js

，最后加载

testappcontroller.js

。因此，库和所有应用程序源代码都加载正常-我在控制台中清楚地看到了它。然而，我在浏览器中看到的只是一个空白页。我想，我错过了一些东西，一些特定于

extjs6

的代码（比如一些启动命令或类似的东西）。

可能与事实相关的东西被弃用了，请尝试改用。

您能不能演示一下，我是否应该更改代码以使其正常工作？我无法从文档中找到它。请尝试

mainView:'TestApp.view.Viewport'

。我尝试过，现在Viewport.js和testappcontroller.js甚至都没有加载。我想我应该再次强调一下。现在，使用我的初始代码，

Viewport.js

和

testappcontroller.js

都可以毫无问题地加载。唯一的问题是没有进行渲染。我会马上检查它。