javascript - 如何在控制台中调试 Ext JS 4 错误

Question

错误之一是不允许应用程序完全加载。错误消息非常笼统，没有清楚说明有问题的模块:

Uncaught TypeError: Cannot read property 'data' of null
Uncaught TypeError: Cannot read property 'data' of null ext-all-debug.js:62557
Ext.define.setLabels ext-all-debug.js:62557
Ext.define.applyData ext-all-debug.js:62578
Ext.define.drawAxis ext-all-debug.js:61899
Ext.define.redraw ext-all-debug.js:60442
Ext.define.afterComponentLayout ext-all-debug.js:60382
Ext.define.notifyOwner ext-all-debug.js:37353
Ext.define.callLayout ext-all-debug.js:119598
Ext.define.flushLayouts ext-all-debug.js:119767
Ext.define.runComplete ext-all-debug.js:120253
callOverrideParent ext-all-debug.js:39
Base.implement.callParent ext-all-debug.js:4266
Ext.override.runComplete ext-all-debug.js:29267
Ext.define.run ext-all-debug.js:120234
Ext.define.statics.flushLayouts ext-all-debug.js:29275
Ext.define.statics.resumeLayouts ext-all-debug.js:29283
Ext.resumeLayouts ext-all-debug.js:31760
Ext.define.render ext-all-debug.js:28510
Ext.define.constructor ext-all-debug.js:29579
Base.implement.callParent ext-all-debug.js:4266
Ext.define.constructor ext-all-debug.js:33595
constructor ext-all-debug.js:4897
(anonymous function)
Ext.ClassManager.instantiate ext-all-debug.js:5485
(anonymous function) ext-all-debug.js:2112
Ext.apply.create ext-all-debug.js:3788
Ext.define.initViewport ext-all-debug.js:57187
Ext.define.onBeforeLaunch ext-all-debug.js:57159
Ext.define.constructor ext-all-debug.js:57099
constructor ext-all-debug.js:4897
(anonymous function) ext-all-debug.js:7794
createSingle ext-all-debug.js:9863
fire ext-all-debug.js:9818
Ext.apply.readyEvent.readyEvent.fire ext-all-debug.js:10052
Ext.apply.fireReadyEvent ext-all-debug.js:10130
Ext.apply.onDocumentReady ext-all-debug.js:10148
Ext.apply.onReady.fn ext-all-debug.js:6658
Ext.apply.triggerReady ext-all-debug.js:6644
Ext.apply.refreshQueue ext-all-debug.js:6177
Ext.apply.refreshQueue ext-all-debug.js:6207
Ext.apply.refreshQueue ext-all-debug.js:6207
Ext.apply.refreshQueue ext-all-debug.js:6207
Ext.apply.refreshQueue ext-all-debug.js:6207
Ext.apply.refreshQueue ext-all-debug.js:6207
Ext.apply.refreshQueue ext-all-debug.js:6207
Ext.apply.refreshQueue ext-all-debug.js:6207
Ext.apply.onFileLoaded ext-all-debug.js:6587
(anonymous function) ext-all-debug.js:2105
Ext.apply.injectScriptElement.onLoadFn

错误指向 ext-all-debug.js 文件。我如何找出它指向我的应用程序的哪个文件？

尝试通过inspector调试；但没有成果。

Answer 1

ext-all-debug.js 是框架中可用的所有 Ext JS 类的编译。当你调试你的应用程序时，使用 ext-dev.js 会更容易；此文件仅包含核心，所有其他类均使用 Ext.Loader 动态加载.请注意，仅切换到 ext-dev.js 并不能消除错误，但它可以让您轻松快速地查明其位置。

将浏览器调试器设置为在未处理的异常时中断也是有益的。结合动态加载，你会在错误所在的地方得到一个断点，你可以立即看到是哪个类和方法。这、堆栈跟踪和范围变量应该为您提供足够的线索来找到异常的原因。

我还建议您查看 Sencha Cmd ，它可以帮助您管理应用程序的构建过程。