Verwendung des VS-Code-Debuggers mit webpack-dev-server (Haltepunkte ignoriert)

10

Mein Problem ist einfach.

Ich möchte nur den Debugger von VS Code mit webpack-dev-server arbeiten lassen, ohne meine Breakpoints zu ignorieren.

Nun liefert webpack-dev-server die gebündelten Dateien aus dem Speicher, während, wenn ich das richtig verstehe, der VS-Code-Debugger nach ihnen auf dem Datenträger sucht (... oder nicht? ...)

Als Ergebnis, wenn ich einen Haltepunkt setze, bekomme ich den gefürchteten

Breakpoint ignored because generated code not found (source map problem?)

Nun, jede verwandte Frage, die ich finden konnte, hatte hauptsächlich mit Typoskript zu tun, und nicht mit der Tatsache, dass der webpack-dev-Server aus dem Speicher kommt. Ich benutze kein Typoskript. Scheint, dass Leute entweder nicht webpack-dev-server benutzen, oder mir etwas offensichtlich offensichtlich fehlt, mit meinem Geld auf letzterem.

Dies ist mein VS-Code launch.json

%Vor%

und das sind die verwandten Zeilen von meinem webpack.config.js

%Vor%

Ich habe verschiedene Änderungen am launch.json vergeblich versucht, also füge ich es nur in Vanilleform ein.

Beachten Sie, dass output.path nur verwendet wird, wenn ein Produktions-Build erstellt wurde und die Dateien auf die Festplatte ausgegeben werden.

Hier finden Sie die Struktur der Dateien auf der Seite, auf die Sie zugreifen:

Und hier ist der Befehl, den ich in der Entwicklung führe

%Vor%

Schließlich ist hier ein relevanter Chunk aus der Trace-Datei

%Vor%

Das macht mich wahnsinnig, ich habe die letzten drei Stunden damit verbracht, die Googles zu durchsuchen, ohne Erfolg und es ist gerade 5 Uhr.

    
Dimitris Karagiannis 27.09.2017, 02:18
quelle

1 Antwort

2

Aus meiner Erfahrung (vor etwa 15 Minuten), wenn 'webpack.config.js' einen Wert für die context -Eigenschaft hat, muss dies für '.vscode / launch.json' berücksichtigt werden.

Zum Beispiel, wenn 'webpack.config.js' folgendes hat:

%Vor%

Dann benötigt launch.json diesen Kontext ('src') auch:

%Vor%

Ich habe gerade meinen Repo aktualisiert / repariert, jetzt sollten TypeScript Breakpoints binden.

Ссылка

Ich hoffe, das hilft.

    
marckassay 03.11.2017 02:30
quelle