Angular 5 felsökning i Visual Studio 2017: brytpunkter fungerar inte
Jag står inför ett problem med felsökning i Typescript och jag går bokstavligen vilse när jag försöker få brytpunkter att fungera.
PROBLEMET:
Jag arbetar i Visual Studio 2017, med den integrerade angular-cli appen (som nu är kompatibel och inte längre kräver en webpack-konfigurationsfil) men om jag sätter en brytpunkt i mina TypeScript-filer, träffas inte brytpunkten.
Jag har aktiverat booleska värdet "sourceMap: true" i min tsconfig.json, vilket - i teorin - borde vara den enda filen jag behöver redigera.
Nu är innehållet i min tsconfig.json följande:
{
"compileOnSave": false,
"compilerOptions": {
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"strict": false,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2017",
"dom"
]
}
}
Jag delar gärna med mig av mer information och mer av min kod, om det behövs, men egentligen kan du enkelt återskapa problemet genom att helt enkelt försöka debugga Angular-appen i Visual Studio 2017 som skapats med följande CMD/PowerShell-kommandon:
dotnet new --install Microsoft.DotNet.Web.Spa.ProjectTemplates::2.0.0
dotnet new angular -o my-new-app
cd my-new-app
cd ClientApp
npm update
FRÅGAN:
Kan du förklara för mig vad jag exakt ska ställa in för att aktivera Angular Typescript-felsökning i Visual Studio 2017?
Tack i förväg!
VIKTIGT REDIGERING
Alternativ till Visual Studio ts-debug
Det verkar som att nya Angular 6+ appar utan en webpack.config-fil gör debug möjlig via Chrome webtools.
Om du aktiverarsourceMap:truei tsconfig kan du debugga även dina .ts-filer.
Du hittar dem under avsnittet "webpack" kod, enligt vad jag har läst här.
Hur är det med Visual Studio?
En av de nya Visual Studio-uppdateringarna gjorde script-debug möjligt men fungerar ännu inte med de senaste Angular CLI och Angular-versionerna.
...och Hur är det med VS Code?
Tack vare Liebster Kamerad i kommentarerna kan du här hitta hur man aktiverar breakpoints i VS CodeBehåller frågan, hoppas nästa uppdateringar kommer att lösa detta på något sätt