Angular: Running ngcc causing performance issues in VSCode

Question

In my Visual Studio Code editor after last updates I see this text in the status bar:

Angular: Running ngcc for project d:/..../tsconfig.spec.json

It looks like frozen or do nothing a while, just spin the arrows.

Before this text I saw a similar one with tscfonfig.json ending...

Since this text is showing in the status my vscode has some performance issues... it became very-very slow. Sometimes, very often the quick import (ctrl-space) isn't work, not found classes, interfaces what before this update worked well.

What is this? Is it neccessary or can I switch off somehow? Is this maybe a plugin bug?

Answer 1

I had the same issue. I had to turn off FullTemplateTypeCheck in the Angular Compiler Options.

Note: this issue has been resolved in version V11.2.3 of the Angular Language Service VS Code extension.

If you want to disable fullTemplateTypeCheck:

In your tsconfig.json file set "fullTemplateTypeCheck" to false and restart VS Code.

fullTemplateTypeCheck is in the angularCompilerOptions object in your tsconfig.json file.

Here is mine:

  "angularCompilerOptions": {
    "enableIvy": true,
    "fullTemplateTypeCheck": false    
  }

Update

If you upgrade the Angular Language Service VS Code Extension to V11.2.3. It looks like this problem has been resolved. See here.

I updated the extension to V11.2.3 and I have re-enabled fullTemplateTypeCheck and I can confirm it is working as expected.

Answer 2

EDIT: They improved performance in Angular Language Service v11.2.3 release. In this version (or higher), you can re-enable Experimental-ivy feature, it's still slower but not as before, now at least it's usable (they said there is room for improvement).

---

If it got slow again, it's likely a known issue with the new Experimental-ivy feature from the Angular Language Service, they are working on a fix.

For now, you can temporarily disable it by opening the extension settings:

Then uncheck the Experimental-ivy feature: