oder . Select the newly created configuration in the With WebStorm, you can launch server-side TypeScript code on Node.js via the Compile your TypeScript code into JavaScript, see Select the newly created Compile your TypeScript code into JavaScript, see Create a Node.js run/debug configuration Perform the steps that will trigger the execution of the code with the breakpoints. Definitely Typed - a community project to provide types and inline documentation to existing JavaScript. Dies ist einer der am häufigsten verwendeten Bundler.The following example shows how you can configure source maps in webpack, which is one of the most common bundlers, so that they work with Visual Studio.Wenn Sie den Breakpoint in einer TypeScript- oder JSX-Datei festlegen, (anstelle einer transpilierten JavaScript-Datei), müssen Sie Ihre Webpack-Konfiguration aktualisieren (gilt nur für Webpack).
(Webpack only) If you are setting the breakpoint in a TypeScript of JSX file (rather than a transpiled JavaScript file), you need to update your webpack configuration.Dies ist eine reine Entwicklungseinstellung, die das Debuggen von clientseitigem Code in Visual Studio aktiviert.This is a development-only setting to enable debugging of client-side code in Visual Studio.In komplizierten Szenarios eignen sich manchmal die Browsertools (Konfigurieren von Quellzuordnungsdateien mithilfe einer âtsconfig.jsonâ-DateiKlicken Sie im Projektmappen-Explorer mit der rechten Maustaste auf Ihr Projekt, und klicken Sie dann auf To add the file, right-click your project in Solution Explorer, and then choose Der angegebene Speicherort ist in die Quellzuordnung eingebettet, damit der Debugger zum Speicherort der The location specified is embedded in the source map to direct the debugger to the location of the Verwenden Sie dieses Flag, wenn die Laufzeitquellen an einem anderen Ort als an dem Speicherort zur Entwurfszeit gespeichert werden müssen.Use this flag if the run-time sources need to be in a different location than the location at design-time.Der angegebene Speicherort wird in die Quellzuordnung eingebettet, um den Debugger an den Ort weiterzuleiten, an dem sich die Quelldateien befinden.The location specified is embedded in the source map to direct the debugger to where the source files are located.Weitere Informationen zu Compileroptionen finden Sie auf der Seite For more details about the compiler options, check the page Konfigurieren von Quellzuordnungsdateien mithilfe von Projekteinstellungen (TypeScript-Projekt)Configure source maps using project settings (TypeScript project)Sie können die Einstellungen für die Quellzuordnungen auch mithilfe von Projekteigenschaften konfigurieren, indem Sie erst mit der rechten Maustaste auf das Projekt und anschlieÃend mit der linken auf You can also configure the source map settings using project properties by right-clicking the project and then choosing Es sind die folgenden Projekteinstellungen verfügbar:Der angegebene Speicherort wird in die Quellzuordnung eingebettet, um den Debugger an den Ort weiterzuleiten, an dem sich die MAP-Dateien befinden.The location specified is embedded in the source map to direct the debugger to where the map files are located.Verwenden Sie dieses Flag, wenn die Quelldateien zur Laufzeit an einem anderen Ort als zur Entwurfszeit gespeichert werden müssen.Use this flag if the run-time source files need to be in a different location than the location at design-time.Der angegebene Speicherort wird in die Quellzuordnung eingebettet, um den Debugger an den Ort weiterzuleiten, an dem sich die Quelldateien befinden.The location specified is embedded in the source map to direct the debugger to where the source files are located.Debuggen von JavaScript in dynamischen Dateien mithilfe von Razor (ASP.NET)Debug JavaScript in dynamic files using Razor (ASP.NET)Ab Visual Studio 2019 wird das Debuggen nur für Chrome und Microsoft Edge (Chromium) unterstützt.Starting in Visual Studio 2019, Visual Studio provides debugging support for Chrome and Microsoft Edge (Chromium) only.Visual Studio unterstützt das Debuggen nur für Chrome und Internet Explorer.Visual Studio provides debugging support for Chrome and Internet Explorer only.Jedoch können Breakpoints in Dateien, die mit einer Razor-Syntax erstellt wurden (CSHTML, VBHTML), nicht automatisch erreicht werden.However, you cannot automatically hit breakpoints on files generated with Razor syntax (cshtml, vbhtml).Sie haben zwei Möglichkeiten, diese Art von Datei zu debuggen:There are two approaches you can use to debug this kind of file:Je nachdem, ob Sie Chrome oder Internet Explorer verwenden, finden Sie die Datei wie folgt:Depending on whether you're using Chrome or Internet Explorer, you'll find the file using one of the following strategies:Wenn Sie Google Chrome verwenden, wird Ihnen möglicherweise die Meldung Das ist kein Grund zur Sorge, Sie können das Debuggen einfach fortsetzen.Verwenden Sie für Microsoft Edge (Chromium) dieselbe Vorgehensweise wie für Chrome.For Microsoft Edge (Chromium), use the same procedure as Chrome. 1.
Es gibt zwei Möglichkeiten, TypeScript auszuführen und zu debuggen: Transpile to JavaScript, führen Sie im Knoten aus und verwenden Sie Zuordnungen, um eine Verknüpfung zu den TypeScript-Quelldateien herzustellen . In TypeScript, we support the same types as you would expect in JavaScript, with an extra enumeration type thrown in to help things along. )Beenden Sie auch alle Instanzen von Chrome, wenn Sie Microsoft Edge (Chromium) verwenden.For Microsoft Edge (Chromium), also shut down all instances of Chrome.Da beide Browser die Chromium-Codebase nutzen, führt dies zu den besten Ergebnissen.Because both browsers use the chromium code base, this gives the best results.Starten Sie Ihren Browser mit aktiviertem Debuggen.Verwenden Sie einen anderen Anzeigenamen für den Browser, z. B.