15

使用版本：0.0.28-master-e49f47e669

我刚开始玩 ember-cli（顺便说一句很棒的项目）。

使用“ember serve”启动服务器后，我查看了 Chrome-Dev-Tools 中的源代码（foo.js）。Chrome 加载 foo.js 需要几秒钟，正如您在屏幕截图中看到的那样，所有 JS 文件都包含在 eval 中。

如何调试 JS 代码？我在这里想念什么？

我该如何调试？

4

1 回答 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/

这些问题与您的问题有些相关：

更新

事实证明，您几乎可以在浏览器的调试视图中看到原始代码。在 Chrome 中，它有点隐藏在(no domain)标题下：

Chrome 调试视图

这不是您在 Ember-CLI 的 EcmaScript 6 模块中编写的原始代码，但几乎相同。我们在这里看到的是通过 ES6 转译器运行后的 Javascript 代码。比较这两个，在编辑器底部的原始：

Chrome 调试视图和原始 ES6 Javascript

希望将来我们能够在浏览器的调试视图中看到原始的 Javascript 甚至是 Coffeescript，但工具还没有完全准备好。

于 2014-05-28T09:28:42.417 回答