VS Codice TypeScript SourceMaps Via TSC non funzionante

Question

Qualcuno può indicarmi la giusta direzione sul motivo per cui non riesco a trovare alcun punto di interruzione in nessuno dei miei file TS, per favore? L'applicazione è un'app Node.JS ed è transpiled con TSC. Di seguito è riportato un esempio del file app.ts ingresso:

./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 
     } 
    ] 
} 

Quando eseguo la configurazione di lancio che i punti di interruzione nel file JS, non il file TS . punti di interruzione anche nel file TS mi danno il seguente suggerimento:

Mi piacerebbe molto i miei TS e JS di risiedere in diverse directory e utilizzare Gulp per fare il transpiling ma volevano ottenere questo semplice set up prima di tutto. È solo un caso di breakpoint di TS in VS Code che è piuttosto flakey o sto facendo qualcosa di sbagliato?

Answer 1

Add launch.json alla cartella principale con la configurazione di sotto

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

Questo è il link di riferimento https://code.visualstudio.com/Docs/editor/debugging#_launch-configurations