[Sencha ExtJS] 关于build production后，浏览器运行报错'Uncaught TypeError: c is not a function/constructor'

原文：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

然后根据这个alias（例如widget.gridpanel），就知道是哪个类没有requires了

以前用 sencha touch 的时候，没有 requires 的类，开发状态下会有一个警告 WARN，ExtJS 6 反而没了这个功能。

注意：如果想要build的时候不压缩js代码，可以参考博客《移动开发71 Sencha项目开发、调试方法建议》