Debugging Angular code with Visual Studio & ASP.Net Core
See original GitHub issueVersions
Angular CLI: 1.6.7
Node: 8.9.2
OS: win32 x64 (Windows 10 Pro)
Angular: 5.2.3
@angular/cli: 1.6.7
@angular-devkit/build-optimizer: 0.0.42
@angular-devkit/core: 0.0.29
@angular-devkit/schematics: 0.0.52
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.7
@schematics/angular: 0.1.17
typescript: 2.5.3
webpack: 3.10.0
Repro steps
- I’ve an Angular-CLI project wrapped inside a ASP.Net Core 2.0 project exactly as described here : https://medium.com/@levifuller/building-an-angular-application-with-asp-net-core-in-visual-studio-2017-visualized-f4b163830eaa (I have to do that because I’ve other projects in this applications that requires ASP.Net Core MVC (WebAPI) and it’s more efficient to have 1 VS open instead of one VSCode with the Angular project and another VS with the others project)
- Running “ng serve” from a command line very basically.
- Project starts, I can debug in the browser but if I set some breakpoints in ts file in VS they wouldn’t be hit…
Observed behavior
Breakpoints in Visual Studio (2017) are not hit when set in ts files
Desired behavior
Being able to debug typescript files inside Visual Studio 😃
Issue Analytics
- State:
- Created 6 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
Debugging an #Asp.Net Core Site with #Angular all in #VS ...
Close Visual Studio. Step 3: Open VS Code at the same folder as the .sln file is. Step 4: Tap the RUN menu...
Read more >Debug Angular In VS Code - C# Corner
Describe how to debug in VS Code, and give some basic discussion. ... Angular is usually edited in Visual Studio Code editor.
Read more >Angular TypeScript Tutorial in Visual Studio Code
Angular TypeScript tutorial showing IntelliSense, debugging, and code navigation support in the Visual Studio Code editor.
Read more >Create an ASP.NET Core app with Angular in Visual Studio
In Solution Explorer, right-click the ASP.NET Core project and choose Properties. ... Go to the Debug menu and select Open debug launch profiles ......
Read more >Debugging Angular applications in VS Code using Debugger ...
Agenda: The agenda of this tutorial is to understand the asp.net web development features of Visual Studio Code that allows debugging of angular...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@dcasbonne Hi, did you find the solution for that problem?
This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.