Typoskript Debuggen in Visual Studio-Code

Question

Ich habe versucht, diese Lösung: how to debug typescript files in visual studio code

Aber wenn ich einen Haltepunkt in meinem .ts machen Dateien es ist sagt die Datei nicht für den Debugger gefunden. Der Haltepunkt in den JS-Dateien funktioniert. Die Quellkarten existieren.

die Startkonfiguration:

{ 
     "name": "DEBUG", 
     "type": "node", 
     "request": "launch", 
     "program": "${workspaceRoot}/src/app.ts", 
     "stopOnEntry": false, 
     "args": [], 
     "cwd": "${workspaceRoot}", 
     "preLaunchTask": null, 
     "runtimeExecutable": null, 
     "runtimeArgs": [ 
      "--nolazy" 
     ], 
     "env": { 
      "NODE_ENV": "development" 
     }, 
     "externalConsole": false, 
     "sourceMaps": true, 
     "outDir": "${workspaceRoot}/cmpl" 
    } 

Answer 1

Es ist ein Problem mit Ihrem tsconfig.json ist. Sie müssen überprüfen, ob config die richtige Compileroption sourceRoot enthält, die auf den richtigen Pfad zu Ihren .ts-Quellen eingestellt ist.

sourceMap muss auch auf True gesetzt werden. Sie können die Pfadkorrektheit überprüfen, indem Sie Ihre .js.map-Dateien überprüfen, wobei die Felder sources und sourceRoot auf den richtigen Pfad zu Ihrer .ts-Quelldatei zeigen müssen.

Answer 2

Paar von Vorschlägen, damit es funktioniert:

• Achten Sie darauf, Ihre tsconfig.json Punkte auf der rechten Seite src/und Ausgabeverzeichnisse, so etwas wie

  { 
      "compilerOptions": { 
       "module": "commonjs", 
       "target": "es6", 
       "sourceMap": true, 
       "rootDir": "src", 
       "outDir": "cmpl" 
      } 
  } 
  

• Sie sollten einen Build Aufgabe (.vscode/tasks.json) up-to-date um sicherzustellen, dass die Ausgabe

  { 
      "version": "0.1.0", 
      "command": "tsc", 
      "isShellCommand": true, 
      "args": ["-p", "."], 
      "showOutput": "silent", 
      "problemMatcher": "$tsc" 
  } 
  

Und in Ihrem launch.json "preLaunchTask": "tsc"