Upon transitioning to Angular 16, I encountered errors while attempting to edit the components HTML due to the malfunctioning of the Angular Language Service extension.
[Info - 09:41:11] Angular language server process ID: 18032
[Info - 09:41:11] Using typescript/lib/tsserverlibrary v4.9.5 from c:\source\xxx\Angular16VsCodeTest\node_modules\typescript\lib\tsserverlibrary.js
[Info - 09:41:11] Using @angular/language-service v15.2.0 from c:\Users\xxx\.vscode\extensions\angular.ng-template-15.2.0\node_modules\@angular\language-service\index.js
[Info - 09:41:11] Logging is turned off. To enable, run command 'Open Angular server log'.
[Error - 09:41:14] Failed to run ngcc for c:/source/pgossmann/Angular16VsCodeTest/tsconfig.json, language service may not operate correctly:
Failed to resolve ngcc from c:/source/xxx/Angular16VsCodeTest
[Info - 09:41:14] Enabling Ivy language service for c:/source/xxx/Angular16VsCodeTest/tsconfig.json.
To replicate this issue, I created 1. a new Angular16 project and 2. a new Angular15 project from scratch, added imports for FormsModule and ReactiveFormsModule. Then, I included the following HTML in both:
<textarea class="" [formControl]="messageDetails" ></textarea>
In Angular 15, everything works without any errors. However, in Angular 16, it raises an error stating that formControl is not a known property, which is incorrect.
How can I resolve this issue? Could it be that the Angular LanguageService has not been updated for Angular 16?