Angular CDK/Material tags showing as not a known element in VSCode with Angular Language Service

Question

I'm seeing errors showing up in my HTML file where I use Angular CDK tags as shown in screenshot below in VSCode with Angular Language Service installed:

I have imported the cdk module into my app module as well:

Tried with Angular material as well and it's showing the same error without any intellisense suggestion. I'm able to run ng serve without any errors though. Anyone has any idea to resolve this? Thanks.

Answer 1

Can you check if the TS version to the bottom right of your editor matches the TS version in your package.json file ? I had strange highlighting behaviors with outmatching TS version

Answer 2

Go to Angular Language Service extension settings and close View-engine