Debug Guards

By medeb | personalblog | 13 Jun 2025


1. Debug Guards:
If you're using guards, set breakpoints or create console.logs to see if they're triggered and whether they allow or block navigation.
2. Use the Browser's Developer Tools:
Open the console (F12) to check for JavaScript errors.
Go to the "Network" tab to see if the expected API requests are being made and if they're successful.
Use the "Elements" tab to see if the component's DOM is being rendered correctly, even if it's empty.
3. Debug the Component:
Add console.logs to the target component's lifecycle hooks (ngOnInit, ngAfterViewInit, etc.) to see if it's being initialized correctly and if the data loading logic is running.

c8fb58e738a5fd9f6154664526b6142796aeca240a041cd0bf6cba64d18767c6.png

 

How do you rate this article?

2



personalblog
personalblog

My daily experience in crypto world

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.