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

原文:http://blog.csdn.net/lovelyelfpop/article/details/51328783



估计很多人用 ExtJS6 + Sencha Cmd 6 的时候,遇到过一种情况:开发的时候明明正常的,build之后运行就报了下面的错误

Uncaught TypeError: c is not a function


心里一万个草泥马奔腾: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、再次build,浏览器运行,这时就会提示

Unrecognized alias: xxx.yyyyyyy


然后根据这个alias(例如widget.gridpanel),就知道是哪个类没有requires了


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



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







欢迎加入Sencha Touch + Phonegap交流群

1群:194182999 (满)

2群:419834979

共同学习交流(博主QQ:479858761)

你可能感兴趣的:(JavaScript,html5,ExtJs,sencha)