question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Debugging Angular code with Visual Studio & ASP.Net Core

See original GitHub issue

Versions

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:closed
  • Created 6 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
kilannycommented, Feb 28, 2018

@dcasbonne Hi, did you find the solution for that problem?

0reactions
angular-automatic-lock-bot[bot]commented, Sep 8, 2019

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found