Ext 4.2,Sencha Cmd 3 + deftjs - 无法构建一个有效的应用程序

时间:2013-07-23 15:05:44

标签: extjs sencha-cmd sencha-command deftjs

我已将用于ext + deftjs应用程序的构建工具从Sencha SDK升级到Sencha Cmd(v3)。 在这样做的同时,我还将Ext升级到4.2,将Deft升级到Ext 0.8。我最初遇到Ext.onReady()没有被触发的问题,导致我的viewControllers没有从相应的视图中实例化。但是,我fixed that并且应用程序现在正在开发模式下工作

我现在正尝试使用命令sencha app refreshsencha app build构建应用程序,但构建的应用程序根本没有加载。

同样,我的ViewControllers没有被实例化。灵巧类和视图控制器已由构建工具添加到all-classes.js。 (Deft类首先在文件+视图控制器中进一步向下)

sencha.cfg 包含以下类路径:

app.classpath=${app.dir}/Deft,${app.dir}/ux,${app.dir}/uvd,${app.dir}/app,${app.dir}/inj.js,${app.dir}/app.js 

inj.js 包含我的加载器声明:

Ext.Loader.setConfig({
    enabled:true,
    paths:{
        'UVd': 'uvd',
        'Ext.ux' : 'ux',
        'Deft' : 'Deft',
        'FM' : 'app',
        'Ext': 'ext/src'
    }
});

Ext.syncRequire([
    "Ext.Component",
    "Ext.ComponentManager",
    "Ext.ComponentQuery",
    'Deft.mixin.Controllable',
    'Deft.mixin.Injectable',
    'Deft.Injector'
]);

我的主要视口是第一个要实例化的视图,并包含以下声明:

Ext.define('FM.view.Viewport', {
    extend: 'Ext.panel.Panel',
    requires: [
        'FM.controller.Viewport'
    ],
    // DI
    controller: 'FM.controller.Viewport'

我的开发 index.html 如下所示:

    <!-- <x-compile> -->
      <!-- <x-bootstrap> -->
        <script src="ext/ext-all.js"></script>
        <script src="bootstrap.js"></script>
      <!-- </x-bootstrap> -->
      <script type="text/javascript" src="inj.js"></script>
      <script src="app.js"></script>
    <!-- </x-compile> -->

有没有人知道为什么视图控制器不会在应用程序的编译版本中实例化?

由于

1 个答案:

答案 0 :(得分:0)

Ant任务将是这样的。检查你有这个文件夹的extjs文件夹(resources,src)

<x-sencha-command>
            -sdk 
                ${basedir}/WebContent/extjs
            compile
                -classpath=WebContent/app.js,WebContent/utilities.js,WebContent/app
                page
                    --yui
                    --in=WebContent/index.html
                    --out=WebContent/build/index.html
        </x-sencha-command>