原文:http://blog.csdn.net/lovelyelfpop/article/details/51328783
新方法:
sencha app build testing
打包testing,再浏览就可以看到详细错误了。下面的方法可以不用看了。
——————————————————————————————————————————————
估计很多人用 ExtJS6 + Sencha Cmd 6 的时候,遇到过一种情况:开发的时候明明正常的,build之后运行就报了下面的错误
Uncaught TypeError: c is not a function
或者
Uncaught TypeError: c is not a constructor
心里一万个草泥马奔腾:What the hell is this?(这TM什么JB玩意?)
其实根本原因是你忘记了requires某个类导致的。
比如你这样使用{ xtype: 'gridpanel' },但是没有requires: 'Ext.grid.Panel',框架就会去异步(Synchronous XMLHttpRequest)加载js文件,不过因为你用的是xtype,而不是类名(不能通过类名和路径的映射取找到对应js文件),所以加载的异步文件名成了'.js',也就是图上第一个错。
因为sencha cmd默认启用了optimize(优化), 导致错误提示不怎么友好。根据这个Console错误,你根本不知道是哪个类没有requires。
解决办法:
1、在 {ExtJS6项目}\.sencha\app\production.properties文件中添加
build.optimize=
(后面值是空的,表示关闭cmd优化)
2、改一下项目的app.json
"production": {
"output": {
"appCache": {
"enable": true,
"path": "cache.appcache"
}
},
"loader": {
"cache": "${build.timestamp}"
},
"cache": {
"enable": true
},
"compressor": {
"type": "yui"
}
},
改成
"production": {
"output": {
"appCache": {
"enable": true,
"path": "cache.appcache"
}
},
"loader": {
"cache": "${build.timestamp}"
},
"cache": {
"enable": true
},
"compressor": null //这里设为null
},
3、再次build,浏览器运行,这时就会提示
Unrecognized alias: xxx.yyyyyyy
以前用 sencha touch 的时候,没有 requires 的类,开发状态下会有一个警告 WARN,ExtJS 6 反而没了这个功能。
注意:如果想要build的时候不压缩js代码,可以参考博客《移动开发71 Sencha项目开发、调试方法建议》