我是 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
任何人都可以帮助我 提前谢谢
答案 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