使用版本：0.0.28-master-e49f47e669
我刚开始玩 ember-cli（顺便说一句很棒的项目）。
使用“ember serve”启动服务器后，我查看了 Chrome-Dev-Tools 中的源代码（foo.js）。Chrome 加载 foo.js 需要几秒钟，正如您在屏幕截图中看到的那样，所有 JS 文件都包含在 eval 中。
如何调试 JS 代码？我在这里想念什么？
问问题
2568 次
1 回答
15
eval(…)我在 Chrome 中得到了相同的块。我不知道究竟是什么原因造成的，但目前看来没有办法解决这个问题。
在 Firefox 中，代码输出在浏览器的调试视图ember server 中有些可读性，但它可能不是您想要的。
不幸的是，Ember-CLI 缺乏对 Javascript 源映射的完全支持，这是我们需要在浏览器的调试视图中查看我们实际使用 Javascript ES6 或 CoffeeScript 编写的原始代码的内容。缺少源映射目前是 Ember-CLI 使用的底层构建工具 Broccoli 的一个限制。这显然是将来可能添加的功能：
现有插件缺少的另一件事是源映射支持。由于性能方面的考虑，以及链式插件需要消耗其他插件的源映射并正确互操作，所以这有点复杂，所以我还没有时间解决这个问题。
资料来源： 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/839
更新
事实证明，您几乎可以在浏览器的调试视图中看到原始代码。在 Chrome 中，它有点隐藏在(no domain)标题下：
这不是您在 Ember-CLI 的 EcmaScript 6 模块中编写的原始代码，但几乎相同。我们在这里看到的是通过 ES6 转译器运行后的 Javascript 代码。比较这两个，在编辑器底部的原始：
希望将来我们能够在浏览器的调试视图中看到原始的 Javascript 甚至是 Coffeescript，但工具还没有完全准备好。
于 2014-05-28T09:28:42.417 回答