4

Sencha Touch 2.2.1
Cmd 3.1.342

我有一个 sencha 网络应用程序，用于使用 Sencha 图表和轮播显示数据。数据是通过ajax获取的。组件是根据从服务器接收到的数据量创建的。

在开发中一切正常。但是，当我创建生产版本时，会创建组件，但不会填充轮播，并且应用程序会崩溃。当我尝试使用以下方法将轮播添加到容器中时，似乎会发生这种情况：Ext.getCmp(siteNamex+'Cont').add(thecarousel);

然后它死了，控制台日志说：

未捕获的类型错误：无法调用未定义的 Ext.ClassManager.parseNamespace
Ext.ClassManager.get
Ext.ClassManager.instantiate
Ext.ClassManager.instantiateByAlias
Ext.apply.factory
Ext.define.factoryItem
Ext.define.add Ext.Ajax 的方法“子字符串”。 request.success
Ext.apply.callback
Ext.define.onComplete
Ext.define.onStateChange（匿名函数）

这是创建容器的代码：

newcontainer = Ext.Container({
        xtype : 'container',
        flex: 1,
        margin: '0',
        id: siteNamex+'Cont',
        itemId: siteNamex+'Cont',
        height: '100%',
        items: [], 
        cls:'siteContainer',
        html: '<h2 class="siteName" style="'+snStyle+'">'+siteName+'</h2>'
     });

此代码似乎正在运行并根据需要创建容器。

图表填充数组。大小取决于通过 ajax 接收到的数据：

var allcharts = new Array(); //initializing

创建仪表图：

chartgx = Ext.chart.Chart({  
        xtype: 'chart',  
        renderTo: Ext.getBody(),  
        cls: 'thegauge',  
        itemId: 'gauge'+tt2,  
        store: gaugeStore,  
        width : 'auto',  
        background: 'white',  
        animate: true,  
        insetPadding: 50,  
        axes: [{  
              type: 'gauge',  
              position: 'gauge',  
              minimum: 0,  
              maximum: gaugemax,  
              steps: 10,  
          margin: 10  
            }],  
            series: [{  
              type: 'gauge',  
              field: 'CurrentValue',   
              donut: 30,  
              colorSet: ['#f6821f;', '#e0e2e4']  
            }]  
        });

然后我把这个仪表放在一个容器中并添加到数组中： 

chartgx2 = Ext.Container({  
        xtype : 'container',  
        flex: 1,  
        layout: 'fit',  
        cls: 'gaugeContainer',  
        items: chartgx,   
        html: gaugeText  
           })  
allcharts.push(chartgx2);

然后使用以下命令创建轮播：

thecarousel = Ext.Carousel({
                        xtype: 'carousel',
                        width: '100%',
                        height: '100%',
                        itemId: 'thecarousel_'+siteName,
                        cls: 'chartscarousel',
                        id: siteNamex+'_carousel',
                        defaults: {
                            styleHtmlContent:true
                        },
                        items: allcharts
                    })

并使用添加到容器中Ext.getCmp(siteNamex+'Cont').add(thecarousel);

正如我之前所说，这一切在开发中都可以正常工作，但在生产构建中它会抛出提到的错误。

我的 app.js 有以下内容：

requires: [
        'Ext.field.Select',
    'Ext.Ajax',
    'Ext.Button',
    'Ext.carousel.Indicator',
    'Ext.carousel.Infinite',
    'Ext.carousel.Item',
    'Ext.carousel.Carousel',
    'Ext.fx.easing.EaseOut',
    'Ext.util.TranslatableGroup',
    'Ext.chart.Chart',
    'Ext.chart.axis.Gauge',
    'Ext.chart.theme.*',
    'Ext.util.Format',
    'Ext.MessageBox',
    'Ext.form.Panel',
    'Ext.Panel',
    'Ext.fx.Parser',
    'Ext.Container',
    'Ext.data.*',
    'Ext.dataview.List',
    'Ext.dataview.component.Container',
    'Ext.chart.theme.Base',
    'Ext.chart.theme.TitleStyle',
    'Ext.chart.theme.GridStyle',
    'Ext.chart.Toolbar',
    'Ext.chart.legend.View',
    'Ext.chart.Legend',
    'Ext.chart.series.Bar',
    'Ext.chart.series.Column',
    'Ext.chart.series.Gauge',
    'Ext.chart.series.Series',
    'Ext.chart.axis.Numeric',
    'Ext.chart.axis.Category',
    'Ext.draw.Surface',
    'Ext.draw.Draw',
    'Ext.draw.Matrix',
    'Ext.draw.engine.Canvas',
    'Ext.draw.CompositeSprite',
    'Ext.fx.Frame',
    'Ext.draw.Sprite',
    'Ext.fx.Sprite',
    'Ext.Component',
    'Ext.ComponentManager',
    'Ext.ComponentQuery',
    'Ext.TitleBar',
    'Ext.draw.sprite.Sector',
    'Ext.draw.sprite.Rect',
    'Ext.chart.interactions.Abstract',
    'Ext.chart.axis.Axis',
    'Ext.util.SizeMonitor',
    'Ext.chart.grid.HorizontalGrid',
    'Ext.chart.grid.VerticalGrid'
    ],

当我运行构建命令时没有错误。Sencha Touch 2.2.1
Cmd 3.1.342

更新：我完全按照页面上显示的代码使用此代码 重建了仪表。这没有解决问题

4

1 回答 1

5

我会像这样调试它：

  1. 在 Chrome 中打开您的应用
  2. 打开开发工具
  3. 进入“来源”标签
  4. 在暂停符号上单击两次（“暂停未捕获的异常”，下图中的左下箭头）
  5. 做使你的应用程序崩溃的事情，或者如果它在加载时崩溃，则重新加载
  6. 调试器将在抛出您注意到的异常之前启动
  7. 在调用堆栈中，选择行Ext.ClassManager.instantiateByAlias（第二个箭头）
  8. 在“作用域变量”选项卡中，您将看到罪魁祸首的名称（在下面圈出）

由于缩小过程，变量名称可能会有所不同，但您应该能够轻松识别它。或者，您可以禁用文件中的压缩.sencha/app/production.properties以查看真实代码并使其更容易。

铬调试

于 2013-09-26T13:11:00.350 回答