Google chrome Sencha Touch应用程序显示在Safari中,但不再显示在Chrome中

Google chrome Sencha Touch应用程序显示在Safari中,但不再显示在Chrome中,google-chrome,sencha-touch,sencha-architect,Google Chrome,Sencha Touch,Sencha Architect,我在Architect中开发了一款Sencha Touch应用程序,截至2013年11月,该应用程序运行良好。因为一直忙于其他事情,但最近再次激发了Sencha Architect,并接受使用最新版本的Architect 3进行更新。重新构建我的应用程序后,我注意到一些事情: 1虽然当时它在桌面Chrome上工作得很好,但现在有些屏幕无法正确显示。在我遇到这个问题的特定屏幕上,没有显示错误或警告。但是,先前的卡布局中有一些警告 2当我为Android构建应用程序的预期平台时,所有内容都显示正确,

我在Architect中开发了一款Sencha Touch应用程序,截至2013年11月,该应用程序运行良好。因为一直忙于其他事情,但最近再次激发了Sencha Architect,并接受使用最新版本的Architect 3进行更新。重新构建我的应用程序后,我注意到一些事情:

1虽然当时它在桌面Chrome上工作得很好,但现在有些屏幕无法正确显示。在我遇到这个问题的特定屏幕上,没有显示错误或警告。但是,先前的卡布局中有一些警告

2当我为Android构建应用程序的预期平台时,所有内容都显示正确,但某些事件在部署到手机时(特别是在更改字段时)没有响应;由于问题1,我无法在Chrome上阅读控制台日志,因此我甚至无法分析问题2

3作为一个webapp,在Mobile Safari和Mobile Chrome上都显示正确,但在这两种情况下,onChange问题2仍然存在

4在桌面Safari上,所有内容都以Web应用程序的形式正确显示。onChange事件在Safari上起作用,但在Chrome上按住鼠标左键的点击保持不起作用

我想解决的主要问题是桌面Chrome显示问题,如以下屏幕截图所示。我还提供了该屏幕的代码以及在导航到屏幕之前在chrome控制台日志中显示的一些警告

提前感谢你的帮助

守则:

{
            xtype: 'container',
            title: 'Invoice',
            iconCls: 'info',
            layout: 'vbox',
            items: [
                {
                    xtype: 'list',
                    flex: 3,
                    docked: 'top',
                    height: '80%',
                    itemId: 'Invoice',
                    scrollable: 'vertical',
                    itemTpl: [
                        '<div>{ProductName}</br> ==> {Cases}c/ {Rolls}r/ {Units}u  @ {LineTotText}</div>'
                    ],
                    store: 'SKUStore',
                    infinite: true,
                    striped: true,
                    variableHeights: true
                },
                {
                    xtype: 'container',
                    flex: 1,
                    height: '20%',
                    layout: 'vbox',
                    items: [
                        {
                            xtype: 'container',
                            flex: 1,
                            items: [
                                {
                                    xtype: 'textfield',
                                    itemId: 'invoicetotal',
                                    label: 'Total',
                                    readOnly: true
                                }
                            ]
                        },
                        {
                            xtype: 'container',
                            flex: 1,
                            layout: 'hbox',
                            items: [
                                {
                                    xtype: 'container',
                                    flex: 1,
                                    items: [
                                        {
                                            xtype: 'button',
                                            itemId: 'CancelInvoice',
                                            ui: 'decline',
                                            text: 'Cancel'
                                        }
                                    ]
                                },
                                {
                                    xtype: 'container',
                                    flex: 1,
                                    items: [
                                        {
                                            xtype: 'button',
                                            ui: 'action',
                                            text: 'Finalize'
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                }
            ]
        }

谢谢,但这已经是在该位置指定的文件中的内容了。@user1729972您解决过这个问题吗?