[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项目开发、调试方法建议


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神秘_博士

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值