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 aktiverar sourceMap:true i 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 Code

Behåller frågan, hoppas nästa uppdateringar kommer att lösa detta på något sätt

Relaterade artiklar