VS Code TypScript SourceMaps Via TSC funktioniert nicht

Question

Kann mir jemand in die richtige Richtung sagen, warum ich keine Breakpoints in irgendeiner meiner TS-Dateien treffen kann? Die Anwendung ist eine Node.JS-App und wird mit TSC transpiliert. Im Folgenden finden Sie ein Beispiel für den Eintrag app.ts Datei:

./src/app.ts

import 'reflect-metadata'; 

import kernel from './ioc' 
import { IServer } from './utilities/abstract/IServer' 

let server = kernel.get<IServer>("IServer"); 
server.start(); 

./src/app.js

"use strict"; 
require('reflect-metadata'); 
var ioc_1 = require('./ioc'); 
var server = ioc_1.default.get("IServer"); 
server.start(); 

//# sourceMappingURL=app.js.map 

. /src/app.js.map

{"version":3,"file":"app.js","sourceRoot":"","sources":["app.ts"],"names":[],"mappings":";AAAA,QAAO,kBAAkB,CAAC,CAAA;AAE1B,oBAAmB,OACnB,CAAC,CADyB;AAG1B,IAAI,MAAM,GAAG,aAAM,CAAC,GAAG,CAAU,SAAS,CAAC,CAAC;AAC5C,MAAM,CAAC,KAAK,EAAE,CAAC"} 

./tsonfig.json

{ 
    "compilerOptions": { 
     "target": "es5", 
     "module": "commonjs", 
     "experimentalDecorators": true, 
     "emitDecoratorMetadata": true, 
     "sourceMap": true 
    }, 
    "exclude": [ 
     "node_modules", 
     "typings/main", 
     "typings/main.d.ts" 
    ] 
} 

./.vscode/launch.json

{ 
    "version": "0.2.0", 
    "configurations": [ 
     { 
      "name": "Launch", 
      "type": "node", 
      "request": "launch", 
      "program": "${workspaceRoot}/src/app.js", 
      "stopOnEntry": true, 
      "args": [], 
      "cwd": "${workspaceRoot}", 
      "runtimeExecutable": null, 
      "runtimeArgs": [ 
       "--nolazy" 
      ], 
      "env": { 
       "NODE_ENV": "development" 
      }, 
      "externalConsole": false, 
      "sourceMaps": true, 
      "outDir": null 
     } 
    ] 
} 

Als ich die Startkonfiguration führen Sie es in der JS-Datei-Haltepunkte, nicht die TS-Datei . Auch Haltepunkte in der TS-Datei geben Sie mir die folgenden Tooltip:

Ich würde wirklich gern meine TS und JS in verschiedenen Verzeichnissen befinden und verwenden Gulp die transpiling zu tun, aber wollte diesen einfachen Satz aufstehen zuerst arbeiten. Ist es nur ein Fall von TS-Breakpoints in VS Code, die ziemlich flackerig sind oder mache ich etwas falsch?

Answer 1

Add launch.json zum Stammordner mit der Konfiguration unter

{ 
    "version": "0.1.0", 
    "configurations": [ 
     { 
      "name": "Launch type", 
      "type": "node", 
      "program": "src/app.ts", 
      "stopOnEntry": false, 
      "sourceMaps": true, 
      "outDir": "bin" 
     } 
    ] 
} 

Hier ist ein Link zu Referenz https://code.visualstudio.com/Docs/editor/debugging#_launch-configurations