ember.js - 使用 ember-qunit 对基于 ember-cli 构建的 ember 应用程序运行测试时，如何使源映射正常工作

Question

我有一个使用 ember-cli 构建的 Ember 应用程序我正在使用 ember-qunit 编写我的测试使用 testem 测试适配器并在浏览器中运行它们按照 ember-cli 中的说明文档。虽然当我对我的应用程序感兴趣时，在 Google Chrome 中的调试工作正常，但我无法在运行测试时使用许多调试功能，例如断点。

我经常遇到一个问题，尽管我的实际应用程序似乎可以正常工作，但我的测试失败了，为了调查这个问题，我想在测试运行时单步执行代码。

但是当我进入出现在 vendor.js 中的代码时我只是在我的vendor.js中看到以下内容:

// Please wait a bit.
// Compiled script is not shown while source map is being loaded!

这两行是文件的第 6 行和第 7 行。在此之前的行是空白的，这两行是文件中的最后一行。调试器将文件的第一行突出显示，就好像这是源中的当前位置一样，但由于某种原因它无法显示源。

我可以继续执行代码，但我什么也看不到。

但是，如果我找到 vendor.js在开发人员工具源文件列表中的源列表中，然后它作为单独的源选项卡打开，我可以看到我的所有代码。此时我有两个标签 vendor.js ，一个包含我所有的供应商 Assets ，另一个包含上面引用的那些行。

我猜测我的测试的提供方式与我的应用程序在开发环境中的提供方式之间存在一些不同，这让 Chrome 感到困惑。

我正在使用以下版本的东西:

ember 1.9.1
ember-data 1.0.0-beta.14.1
ember-cli 0.1.9
qunit 1.17.1
ember-qunit 0.2.0
testem 0.6.33

虽然我已经探查了一堆，但我真的没有任何关于问题根源的线索。也许这与如何 testem有关正在运行测试？或者它可能是包含在我的测试中的东西有一个困惑的源 map ？

我感谢任何帮助或想法。

Answer 1

我在 ember-cli 0.2.2 上。

我也遇到了这个问题，发现了这个 Chrome issue带有处理源映射。
对此问题发表评论的人建议暂时使用 Chrome Canary 版本:

我目前正在使用 Canary 版本来放置断点并调试我的 ember 代码。

从这里获取:https://www.google.com/chrome/browser/canary.html