Ich habe eine Ember-App mit ember-cli gebaut und ich schreibe meine Tests mit dem ember-qunit Testadapter und läuft sie im Browser mit testem wie in der Dokumentation ember-cli angewiesen. Obwohl das Debuggen in Google Chrome gut funktioniert, wenn ich mit meiner App interessant bin, kann ich beim Ausführen meiner Tests nicht viele Debugging-Funktionen wie Breakpoints verwenden.Wie kann ich Quellkarten funktionieren, wenn Tests mit ember-qunit für eine Ember-App auf ember-cli ausgeführt werden
Ich stoße oft auf ein Problem, dass meine Tests fehlschlagen, obwohl meine eigentliche App richtig zu funktionieren scheint, und um das Problem zu untersuchen, würde ich gerne Code durchgehen, während meine Tests laufen.
Aber wenn ich in den Code Schritt, den ich sehe gerade in vendor.js erscheint nur die folgenden Inhalte in meinem vendor.js:
// Please wait a bit.
// Compiled script is not shown while source map is being loaded!
Diese beiden Linien sind die Linien 6 & 7 der Datei. Die Zeilen davor sind leer, und diese beiden Zeilen sind die letzten Zeilen in der Datei. Der Debugger hat die erste Zeile der Datei hervorgehoben, als ob das der aktuelle Ort in der Quelle wäre, aber er kann die Quelle aus irgendeinem Grund nicht anzeigen.
Ich kann fortfahren, um durch den Code zu gehen, aber ich kann nichts sehen.
Wenn ich jedoch vendor.js in der Liste der Quellen in der Quelldatei-Liste der Entwicklerwerkzeuge finde, wird es als separate Quellenregisterkarte geöffnet und ich kann meinen gesamten Code sehen. An dieser Stelle habe ich zwei Registerkarten mit der Bezeichnung vendor.js, eins mit allen Assets meines Anbieters und eins mit den oben genannten Zeilen.
Ich vermute, dass es etwas anderes gibt, wie meine Tests serviert werden und wie meine App in der Entwicklungsumgebung geliefert wird, die Chrome verwirrte.
ich die folgenden Versionen der Dinge bin mit:
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
Obwohl ich um ein Bündel gestoßen habe ich nicht wirklich irgendwelche Kabel haben auf, wo das Problem von sich ergeben. Vielleicht hängt es damit zusammen, wie testem die Tests ausführt? Oder könnte etwas, das in meinen Tests enthalten ist, eine durcheinander geratene Quellkarte enthalten?
Ich schätze jede Hilfe oder Ideen.
Dies ist ein bekanntes Problem mit glut-cli, und es sieht aus wie es in den Werken ein Fix ist - siehe diese pr: https://github.com/ember-cli/ember -cli/pull/3207 – hackerrdave
Dies tritt auch bei React auf. @ benzos Lösung behebt das Problem ebenfalls. –