Typoskript-source-map-Dateien funktionieren nicht mit Chrome

Ich versuche, Typoskript-source-debugging-arbeiten in Chrome, aber bei mir läuft in zwei spezifischen und vielleicht Probleme.

Die erste ist, dass der Kommentar erzeugt durch das Typoskript/WebEssentials compiler, die angeblich, um den Speicherort der Quell-map-Datei sieht wie folgt aus:

//sourceMappingUrl=MySourceFile.js.map

Aber Chrome nicht Lesen, die Datei. Es scheint zu erwarten, dass der Kommentar wird wie folgt Aussehen:

//@ sourceMappingUrl=MySourceFile.js.map

Wenn ich manuell den Kommentar ändern und aktualisieren meiner Seite, dann magisch die Verweise auf alle .ts-Dateien als Quellen in den Chrome Developer Tools.

Jedoch, dass führt mich zu meinem zweiten problem, da die Dateien gar nicht geladen bekommen. Die .ts-Quelle-Datei, die Chrome sollte herunterzuladen versuchen, ist http://localhost/MySourceFile.ts, aber die, die es eigentlich herunterladen möchten, ist http://localhost/C:/source/web/MySourceFile.ts. Diese Art von Sinn macht, da die öffnung Attribute MySourceFile.js.Karte wie folgt Aussehen:

{"version":3,"file":"tmp1523.tmp","sources":["C:/source/web/MySourceFile.ts"

Aber, dass offensichtlich nicht funktioniert mit Chrome, wie es interpretiert die Quelle-Karte Ort, um völlig relativ, und IIS (ganz korrekt) nicht dienen, bis jede URL, die Aussehen wie http://localhost/C:/source/web/MySourceFile.ts.

So, in Bezug auf diese zwei Probleme ist es Chrome oder dem Typoskript-source-map-Funktion, die macht es falsch? Und was ist der empfohlene Weg, dies zu tun?

Ich bin mit Chrome 25.0.1323.1 dev-m, mit TypeScript 0.8.1 und WebEssentials 1.8.5.

  • Dies kann ein Web-Essentials-Ausgabe. Entweder das, oder der compiler Verhalten sich geändert hat. Aufgrund einiger Fehler, die WIR 1.8.2 und später bin ich auf TS-0.8.0 / WIR 1.8.1 und mit source maps funktioniert in Chrome. Meine Quelle Karte beginnt {"version":3,"file":"pe.plugins.js","sources":["pe.plugins.ts"] ... (etc) - und die JS-Anmerkung //@ sourceMappingURL=pe.plugins.js.map. Nicht sicher, ob die neue source-map-Funktionalität ist kompatibel mit Chrome, jetzt haben Sie es geändert, um die Arbeit in VS/IE ?
  • Siehe auch dies (das update auf halbem Weg unten auf der Seite): johnpapa.net/debug-with-typescript08 - some earlier versions of Web Essentials 2012 may interfere with the TypeScript debugging ... I have had much success using Web Essentials 2012 version 1.8.8.1.
  • Das Letzte war es. Die version von WebEssentials in madskristensen.net/custom/webessentials2012.vsix (derzeit 1.8.9.66, gegen die 1.8.5 verfügbar auf visualstudiogallery.msdn.microsoft.com/...) erzeugt die map-Dateien korrekt. Werfen Sie es in eine Antwort und ich gebe Ihnen Kredit :-).
  • Getan. Froh geholfen zu haben.
InformationsquelleAutor Ken Smith | 2012-11-26
  1. 3

    Dies ist ein Problem mit der version 1.8.5 von Web Essentials (die version, die derzeit verfügbar ist aus der Visual Studio Gallery). Die neuesten nightly-build (zum Zeitpunkt des Schreibens http://madskristensen.net/custom/webessentials2012.vsix) behebt das problem und erzeugt die Karte Gestänge richtig.

    • Ich habe versucht Debuggen von typescript in chrome aktiviert-source-Karten in chrome und habe auch versucht zu Debuggen, die in ie10 aber die Haltepunkte nie Treffer in vs 2012
    • Die sourcemap Unterstützung für TypeScript scheint nicht zu funktionieren sehr gut noch. Schließlich bin ich schaltete es aus - einfach zu viele bugs. Unter anderem mit VS2012, wenn Sie aktualisieren Sie Ihre Seite im IE keine TS-Haltepunkte erhalten Treffer. Also ich mache die meisten meiner Debuggen im browser anstatt in VS2012.
    • macht Sinn!
    • Es hat immer gut geklappt bei mir in Chrome. Ich meine Haltepunkte mit 'debugger' in der Regel (oder mithilfe der Google Chrome F12-tools) und wenn es kaputt ist, bekomme ich die ts-Quelle (nicht js) und anzeigen der Werte der ts-Mitglieder usw. Andere als ein quick-test, wenn Sie eingeführt, die Funktion habe ich noch nicht verwendet VS2012 zu debug - scheint es ein bisschen unhandlich für client-side code.
    • TS-0.8.2 kann auf einige Ihrer Fragen: "haben Wir weiter verbessert, die Visual Studio Debuggen von TypeScript Erfahrung in 0.8.2. Der debugger wird nun Ehre Haltepunkte nach F5 (aktualisieren) während einer debug-Sitzung. Kombiniert mit dem Zusatz von compile-on-save workflow zu Bearbeiten und Debuggen einer web-app ist so einfach wie das speichern der bearbeiteten änderungen und aktualisieren der browser." blogs.msdn.com/b/typescript/archive/2013/01/21/...
    • danke Kumpel! tolle Arbeit! Ich empfehle TS in so ziemlich jeder Firma, die ich jetzt besucht.
    • immer noch nicht funktioniert, bei mir sogar mit 0.8.2 in Chrom 🙁
    • Ich weiß nicht, was Sie meinen, wenn Sie sagen, "es funktioniert nicht". Warum nicht, was Sie tun, in einer neuen Frage, mit ein paar screenshots und code-Beispiele, und dann kann die Gemeinschaft Ihnen helfen, es herauszufinden?

    InformationsquelleAutor Jude Fisher
Schreibe einen Kommentar