I am using WebStorm 2021.1
I have angular app and the following debug configurations:
"start": "ng serve",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"test": "ng test"
To debug the app, I do the following steps:
1. I click here
2. Then I click on this url while holding CTRL+SHIFT
At this point, live edit works great.
When I click on something in the code, I see the part highlighted in chrome window
The issue is that once I changed the HTML code, it refresh the page and this is fine.
The problem is that after the page refreshed, the live edit functionality not working anymore.
I mean that it will no longer highlight the selected element in chrome.
The same issue is also if I refresh the page myself. In any case, after page refresh (that can be triggered automatically or directly in chrome), this feature no longer works.
Any way to solve it?
I searched if anyone reported about it before but I found nothing