Erzählen von Chrome zum Debuggen von js anstelle von ts

Standardmäßig (und hoffentlich ist es nicht die einzige Option), wenn ich eine ts-Datei habe, lässt mich Chrome nur den ts-Code debuggen. Es zeigt mir zwar sowohl den Inhalt der ts- als auch der js-Dateien, aber wenn ich versuche, einen Break-Point in die js-Datei zu schreiben, überträgt er mich sofort in die ts-Datei und lokalisiert den Break-Point an der richtigen Stelle.Erzählen von Chrome zum Debuggen von js anstelle von ts

Wie kann ich Chrome anweisen, die js-Datei statt der ts-Datei zu debuggen?

Quelle

2016-07-06 Alon

vielleicht können Sie die Quellkarten entfernen? Ich nehme an, dass diese automatisch generiert werden, also versuchen Sie, sie von tsconfig.json – toskv

@toskv auszuschalten Ich verwende nicht tsconfig. Weißt du, wie man es mit Befehlszeilenoptionen macht? – Alon

Sie könnten versuchen, JS-Quellkarten in den Chrome-Entwicklereinstellungen zu deaktivieren. Öffnen Sie die Entwicklertools und dann deren Einstellungen. Sie sollten die Option "JavaScript-Quellkarten aktivieren" sehen. Versuchen Sie, dies zu deaktivieren. –

Da Sie die TS-Kompilierungseinstellungen nicht steuern können, können Sie die JavaScript-Quellkarten alle zusammen in Chrome deaktivieren.

Laden Sie die Entwicklertools (Chrome Menu> Weitere Tools> Entwicklertools), laden Sie die Einstellungen des Entwicklertools (Developer Tools Menü> Einstellungen), suchen Sie nach "JavaScript-Quellkarten aktivieren" und deaktivieren Sie sie.

Quelle

2016-07-06 22:11:49

Wenn Sie sich im Entwicklungsmodus befinden, sollten Sie eine Quellzuordnung zwischen dem TypeScript und dem transpilierten JavaScript haben. Für das Debugging würden Sie in Type Tools Code in DevTools setzen, da dies der Code ist, in den Sie ihn geschrieben haben. Es macht Sinn, den Code zu debuggen, den Sie geschrieben haben.

Wenn Sie nur das JavaScript debuggen möchten, führen Sie die Anwendung im implementierten Modus (keine Quellzuordnung) aus, und legen Sie den Haltepunkt für den resultierenden JavaScript-Code fest.

Quelle

2016-07-06 12:17:48

Wie führe ich die Anwendung im bereitgestellten Modus aus? Ich habe keine tsconfig-Datei. Ich verwende stattdessen Befehlszeilenoptionen. – Alon

@Alon Ich kenne Ihre Einrichtung nicht. Ich habe auch TypeScript nicht verwendet, aber [Webpack] (https://webpack.github.io/) oder ähnliches kann Developer vs. Release-Builds verarbeiten. Sie können für jede eine Konfigurationsdatei haben. –

OK danke. Ich habe abgestimmt. – Alon

Erzählen von Chrome zum Debuggen von js anstelle von ts

Antwort

Verwandte Themen