Sencha touch 2.0 beta配置文件不起作用

时间:2012-02-10 18:27:20

标签: extjs sencha-touch sencha-touch-2

我是 sencha touch 的初学者,我正在尝试使用 sencha touch 配置文件运行演示应用程序这是代码

<!-- index.html-->
<!DOCTYPE html>
<html>
    <head>
       <title>MOIC Touch</title>
       <link rel="stylesheet" href="touch/resources/css/sencha-touch.css" type="text/css">
       <script type="text/javascript" src="touch/sencha-touch-all-debug.js"></script>
       <script type="text/javascript" src="app.js"></script>
    </head>
    <body></body>
</html>

//app.js
Ext.require([
     'MOICTouch.profile.Tablet']);
Ext.application({
    name: 'MOICTouch',
    profiles: ['Tablet']
});


//app/profile/Tablet.js
Ext.define('MOICTouch.profile.Tablet', {
      extend: 'Ext.app.Profile',

      config: {
         name: 'Tablet',
         views: ['Main']
      },

      isActive: function() {
         return Ext.os.is.Tablet;
      }
 });

当我运行index.html时,我在浏览器控制台中出现以下错误

Uncaught Error: Ext.Loader is not enabled, so dependencies cannot be resolved dynamically. Missing required class: MOICTouch.profile.Tablet

任何人都可以帮助我 提前谢谢

1 个答案:

答案 0 :(得分:0)

正如您所提到的,您应该使用以下代码启用Ext.Loader:

Ext.Loader.setConfig({ enabled: true });

然而,这只是因为你包括 sencha-touch-all-debug.js 。该文件包含整个框架,因此它假设您不需要使用Loader。

在开发中,您应该使用 sencha-touch-debug.js 。这将默认启用Ext.Loader,并且实际上将动态加载框架中所需的每个类 - 而不是预先加载整个框架。

有关不同版本的更多信息,以及如何在Sencha Touch API文档上构建生产应用程序 - http://docs.sencha.com/touch/2-0/#!/guide/building