Webstorm cannot recognize Angular project after update
After updating to WebStorm 2021.1 my WebStorm doesn`t recognize my Angular project
I already tried with invalidating cache and restarting couple of times
Also I tried with reinstall WebStorm with no effect.
Angular Plugin is installed, node_modules are marked as library root and everything seems to be ok
Not sure what is going wrong, this is happening to me not for all projects, for example, for a brand new project everything is going smooth.
Please sign in to leave a comment.
What do you mean saying that the project is not recognized? Please share screenshots illustrating the issue
By The project is recognized I meant that the Project isn`t recognized as Angular Project.
Here is just small part of the codebase.
WebStorm isn`t recognize directives like *ngIf etc..

Looks related to https://youtrack.jetbrains.com/issue/WEB-50321; could you share a sample project the issue can be repeated with?
Unfortunately I can`t share any project that can replicate this issue. Also tried to invalidate the cache for some old projects but issue isn`t appear. For sure the problem is not by the Angular Material.
However, My issue seems to be fixed somehow - I removed the folder and cloned the repo in a brand new folder with different name - strange but works.
For some reason, after couple of IDE Restarts the issue comes again :(
And yeah seems to something like issue described above
I have the same problem with WebStorm 2021.2.2. My Angular projects are totally messed up after the update. It doesn't autocomplete and it doesn't recognize the Angular templates.
Did you try invalidating caches (File > Invalidate caches, Invalidate and Restart)? Also, does Angular support work in new Angular projects?
I tried invalidating the cache and creating a brand new Angular project. The html templates still aren't properly autocompleted and syntax highlighted. The autocompletion in .ts files works properly but on further inspection it seems like it never stopped working. Only the templates aren't aware of Angular.
Is Angular plugin enabled? Please share screenshots illustrating the issue plus the idea.log (Help > Show Log in ...)
Here is my idea.log file and some screenshots:
https://www.dropbox.com/s/smqkplh0tuxdw7e/idea.log?dl=0
Please select your
.htmlfile in Project tool window and hitF1(or whatever shortcut is assigned to View | Quick documentation) - what docs are shown? Please attach a screenshot of this popupThe type for an html file in an Angular project is specified as textmate. 🧐
I checked under Editor > File Types and the Angular HTML Template association to *.html files wasn't there. I added it back and now the templates get properly highlighted. No idea how the file type association got removed in the first place...
Elena Pogorelova thanks for helping me debug this 👍