Ich habe ein eckiges2-Projekt von angular-cli generiert. Ich möchte in der Lage sein, den angular2-Quellcode in Chrome-Dev-Tools zu debuggen (nicht meinen eigenen Typoskript-Code, sondern den eigentlichen angular2-Code). Das Paket angular2 npm unter node_modules enthält nur die transpilierten Javascript-Dateien, aber sie enthalten Source-Mappings. Wie kann ich das schaffen? Danke.debuggen in eckigen 2 Typoskript-Quellcode
Offenbar ist dies in angle-cli noch nicht möglich, da sie Quellkarten in node_modules (https://github.com/angular/angular-cli/issues/1838) ignorieren.
Wie wäre es, debugger; an der Stelle, die Sie debuggen möchten setzen, wird dies einen Haltepunkt in Chrome-Dev-Tools auslösen, und Sie können Ihren Weg von dort aus arbeiten.
Öffnen Sie das Chrome-Entwicklerwerkzeug (F12).
Wechseln Sie zur Registerkarte Quelle. Geben Sie ctrl+p ein.
Suchen Sie den Dateinamen in der Dropdown-Liste.
Wählen Sie die Datei aus und fügen Sie den Unterbrechungspunkt an der Zeile an, die Sie debuggen möchten.
Und fahren Sie mit Ihren Aktionen fort, die die Zeile aufrufen, die Sie debuggen möchten.
Sie meinen im eckigen 2 Typoskript Quellcode? Im Idealfall möchte ich den eckigen 2-Quellcode nicht selbst bearbeiten, nur um das Debuggen zu bekommen. Ich denke, es sollte einen Weg im Debugger geben, um die Typoskriptquellen hinzuzufügen, aber es kann nicht funktionieren. – sk20b21