TypeScript
Debugging
Zoeken…
Invoering
Er zijn twee manieren om TypeScript uit te voeren en te debuggen:
Transpile naar JavaScript , uitvoeren in knooppunt en gebruik toewijzingen om terug te linken naar de TypeScript-bronbestanden
of
Voer TypeScript rechtstreeks uit met behulp van ts-node
Dit artikel beschrijft beide manieren om Visual Studio Code en WebStorm te gebruiken . Alle voorbeelden veronderstellen dat uw hoofdbestand index.ts is .
JavaScript met SourceMaps in Visual Studio Code
In de set tsconfig.json
"sourceMap": true,
om toewijzingen samen met js-bestanden te genereren uit de TypeScript-bronnen met behulp van de opdracht tsc
.
Het bestand launch.json :
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${workspaceRoot}\\index.js",
"cwd": "${workspaceRoot}",
"outFiles": [],
"sourceMaps": true
}
]
}
Dit begint het knooppunt met het gegenereerde bestand index.js (als uw hoofdbestand index.ts is) en de debugger in Visual Studio Code die op breekpunten stopt en variabele waarden in uw TypeScript-code oplost.
JavaScript met SourceMaps in WebStorm
Maak een foutopsporingsconfiguratie van Node.js en gebruik index.js
als Node-parameters .
TypeScript met ts-node in Visual Studio Code
Voeg ts-node toe aan uw TypeScript-project:
npm i ts-node
Voeg een script toe aan uw package.json
:
"start:debug": "ts-node --inspect=5858 --debug-brk --ignore false index.ts"
De launch.json
moet worden geconfigureerd om het type node2 te gebruiken en start npm met het start:debug
script:
{
"version": "0.2.0",
"configurations": [
{
"type": "node2",
"request": "launch",
"name": "Launch Program",
"runtimeExecutable": "npm",
"windows": {
"runtimeExecutable": "npm.cmd"
},
"runtimeArgs": [
"run-script",
"start:debug"
],
"cwd": "${workspaceRoot}/server",
"outFiles": [],
"port": 5858,
"sourceMaps": true
}
]
}
TypeScript met ts-node in WebStorm
Voeg dit script toe aan uw package.json
:
"start:idea": "ts-node %NODE_DEBUG_OPTION% --ignore false index.ts",
Klik met de rechtermuisknop op het script en selecteer 'test: idee' maken ... en bevestig met 'OK' om de foutopsporingsconfiguratie te maken:
Start de debugger met deze configuratie: