使用版本:0.0.28-master-e49f47e669
我刚刚开始玩 ember-cli (顺便说一句,很棒的项目)。
使用“emberserve”启动服务器后,我查看了 Chrome-Dev-Tools 中的源代码 (foo.js)。 Chrome 需要几秒钟的时间来加载 foo.js,正如您在屏幕截图中看到的,所有 JS 文件都包含在 eval 中。
如何调试 JS 代码?我在这里缺少什么?
我也有同样的感觉eval(…)
Chrome 中的块。我不知道到底是什么原因造成的,但目前看来没有办法解决这个问题。
在 Firefox 中输出的代码ember server
is在浏览器的调试视图中有些可读,但它可能不是您正在寻找的内容。
不幸的是,Ember-CLI 缺乏对 Javascript 源映射的完全支持,而这正是我们在浏览器的调试视图中查看我们实际用 Javascript ES6 或 CoffeeScript 编写的原始代码所需要的。目前,缺少源映射是 Ember-CLI 使用的底层构建工具 Broccoli 的一个限制。这显然是将来可能添加的功能:
现有插件缺少的另一件事是源映射支持。由于性能方面的考虑,以及链式插件需要消耗其他插件的源映射并正确互操作这一事实,这有点复杂,所以我还没有时间来解决这个问题。
Source: http://www.solitr.com/blog/2014/02/broccoli-first-release/ http://www.solitr.com/blog/2014/02/broccoli-first-release/
这些问题与您的问题有些相关:
- https://github.com/stefanpenner/ember-cli/issues/585 https://github.com/stefanpenner/ember-cli/issues/585
- https://github.com/stefanpenner/ember-cli/issues/839 https://github.com/stefanpenner/ember-cli/issues/839
Update
原来你可以看到almost浏览器调试视图中的原始代码。在 Chrome 中,它有点隐藏在(no domain)
标题:
这不是您在 Ember-CLI 的 EcmaScript 6 模块中编写的原始代码,但几乎是相同的。我们在这里看到的是通过 ES6 编译器运行后的 Javascript 代码。比较这两个,原始在编辑器的底部:
希望将来我们能够在浏览器的调试视图中看到原始的 Javascript 甚至 Coffeescript,但工具还没有完全准备好。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)