Javascript 在Div标记内呈现Extjs 4.2应用程序

Javascript 在Div标记内呈现Extjs 4.2应用程序,javascript,extjs,viewport,extjs4.2,Javascript,Extjs,Viewport,Extjs4.2,我想在div标记内渲染视口。如果我将“Ext.container.Viewport”更改为任何其他容器,则它可以在开发模式下工作,但不能在构建模式下工作。在构建模式下,它不显示任何内容。 我在Stackoverflow上发现了类似的问题,但这个问题中的答案建议使用不同的容器,但在我的例子中,如果我将viewport替换为容器,则在构建模式中没有显示任何内容(空控制台日志) 以下是我的视口代码: Ext.define('PfalzkomApp.view.Viewport', { exten

我想在div标记内渲染视口。如果我将“Ext.container.Viewport”更改为任何其他容器,则它可以在开发模式下工作,但不能在构建模式下工作。在构建模式下,它不显示任何内容。 我在Stackoverflow上发现了类似的问题,但这个问题中的答案建议使用不同的容器,但在我的例子中,如果我将viewport替换为容器,则在构建模式中没有显示任何内容(空控制台日志)

以下是我的视口代码:

Ext.define('PfalzkomApp.view.Viewport', {
    extend: 'Ext.container.Viewport',
    requires:[
        'Ext.layout.container.Fit',
        'Papp.view.PopUpWindow'
    ],

    type: 'fit',
    renderTo:  Ext.Element.get("REA_TasklistEntry"),    

    items: [{
        xtype: 'app-popUpWindow'
    }]
});
有人能帮我吗


感谢您的时间。

“空控制台日志”-您希望在控制台中看到什么?顺便说一下,忘记在div中使用视口(您引用的问题的答案是正确的)。如果在使用容器时什么也看不到,则需要解决该问题。考虑一下摆弄小提琴吧。空的控制台日志意味着没有警告,没有错误。只出现一个空白div。Viewport是Extjs应用程序的核心组件,不是吗?若我不能对Viewport做任何事情,你们能告诉我我在哪里犯了错误,因为应用程序在开发模式下运行得非常好吗?