VSCode Chrome hata ayıklayıcısı, Typescript dosyasında durmuyor

Question

Angular2 (2.0.0-beta.9) & Typescript (v1.8.7) hatalarını ayıklamak için VS Code Chrome hata ayıklayıcısını kullanmaya çalışıyorum. Kırılma noktasını ts dosyasında ayarlıyorum ancak hata ayıklayıcı js'yi görüntülüyor. Hata ayıklayıcı, tüm uygulama bir klasörde olduğunda ts'yi gösterir, ancak uygulama alt klasörlerden oluştuğunda doğru şekilde davranmaz. İlk başta, haritayı çözemediğini düşündüm, ancak tanılama özelliğini açtım ve yolların düzgün bir şekilde çözüldüğünü görebiliyorum. İşte

tanı penceresinden bir örnek:

›Paths.scriptParsed: resolved http://localhost:3000/bin/hero/hero.service.js to c:\MyDev\ng2\bin\hero\hero.service.js. webRoot: c:\MyDev\ng2 
›SourceMaps.createSourceMap: Reading local sourcemap file from c:\MyDev\ng2\bin\hero\hero.service.js.map 
›SourceMap: creating SM for c:\MyDev\ng2\bin\app.component.js 
›SourceMap: no sourceRoot specified, using script dirname: c:\MyDev\ng2\bin 
›SourceMaps.scriptParsed: c:\MyDev\ng2\bin\app.component.js was just loaded and has mapped sources: ["c:\\MyDev\\ng2\\app\\app.component.ts"] 
›SourceMaps.scriptParsed: Resolving pending breakpoints for c:\MyDev\ng2\app\app.component.ts 

tsconfig.json: ait

{ 
    "name": "Launch localhost with sourcemaps", 
    "type": "chrome", 
    "request": "launch", 
    "url": "http://localhost:3000/index.html", 
    "sourceMaps": true, 
    "webRoot": "${workspaceRoot}", 
    "diagnosticLogging": true 
} 

Answer 1

Maalesef doğru haritalama: launch.json dan

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "system", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false, 
    "outDir": "bin" 
    }, 
    "exclude": [ 
    "node_modules", 
    "typings" 
    ] 
} 

bölüm kaynak kodunuz Webpack dosyasına birkaç kez değişti.

Zaten JavaScript konsolunda Bu gibi satırları olmalıdır, yani diagnosticLogging senin launch.json verileri etkin:

SourceMap: mapping webpack:///./src/main.ts => C:\Whatever\The\Path\main.ts 

Bu, o aramak çalıştığı yeri hakkında net bir fikir vermelidir senin kaynak kodu.

Dosyalarınızı bulmanıza yardımcı olmak için launch.json numarasına sourceMapPathOverrides girişi ekleyin. Bunun gibi bir şeye benzemelidir: SourceFolder öğesinin gerçek yolla değiştirilmesi.