Back to all posts

Debugging Angular App


1. Check error message and try to understand error message.

For example here we have error message related TS where we have to add string value but added object. how to fix this?

<app-tasks [userId]="selectedUser.id" [name]="selectedUser.name" />

2. Use Source map to debug errors.

Here we can add breakpoint to check is there any logical error present in the code.


3. Developer Tools

Tutorial: https://angular.dev/tools/devtools
You can check you angular app struture by using angular dev tool.

Result: