从 Angular v7 升级到 v8 后，显示“my-custom-element”的 Vscode 不是已知元素

Question

I have an Angular project that uses many custom elements from another project that we share via an npm package (as it is used in many other projects)

After upgrading Angular from 7 to 8 (on the way to latest), vscode now show red lines for ALL the components..

With the error " is not a known element"

The project builds and runs fine. The elements are all export from the shared module, and the shared module is imported. No restarting of vs code, running npm i etc will fix this.

I do not get these errors before the upgrade to Angular v8.

Any ideas why vscode would be showing this? (for every custom element in every html file)

Thanks in advance

Answer 1

Your Angular Language service Extention might not be configured correctly with migrations. Therefore try to restart it.

If it is not working you can uninstall and install that extension again.

• angular source - https://angular.io/guide/language-service
• vs code extension - https://marketplace.visualstudio.com/items?itemName=TypeScriptTeam.AngularLanguageService