Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular language service in VSCode does not work because it is not an Angular project ('@angular/core/core.d.ts' could not be found)

Somehow the Angular (v11.0.4) language service in VSCode does not work anymore. I get the following error message.:

[Info  - 17:52:04] Angular language server process ID: 147359 [Info  - 17:52:04] Using typescript/lib/tsserverlibrary v4.0.5 from ~/.vscode-oss/extensions/angular.ng-template-0.1100.2/node_modules/typescript/lib/tsserverlibrary.js [Info  - 17:52:04] Using @angular/language-service v11.0.3 from ~/.vscode-oss/extensions/angular.ng-template-0.1100.2/server/node_modules/@angular/language-service/bundles/language-service.js [Info  - 17:52:04] Log file: ~/.config/Code - OSS/logs/20210112T090839/exthost2/Angular.ng-template/nglangsvc.log [Info  - 17:52:06] Disabling language service for ~/Workspace/NG_PROJECT/tsconfig.json because it is not an Angular project ('@angular/core/core.d.ts' could not be found). If you believe you are seeing this message in error, please reinstall the packages in your package.json. [Error - 17:52:06] Failed to find project for ~/Workspace/NG_PROJECT/projects/apps/app1/src/app/*.html [Error - 17:52:53] No config file for ~/Workspace/NG_PROJECT/projects/apps/app1/src/app/*.html [Error - 17:52:54] No config file for ~/Workspace/NG_PROJECT/projects/apps/app1/src/app/*.html 

I already tried:

rm -rf node_modules package-lock.json npm cache clean --force npm install 

but it does not solve the problem.

What can I do to solve that issue?

like image 421
BuZZ-dEE Avatar asked Jan 12 '21 17:01

BuZZ-dEE


People also ask

How do I run an Angular project in Vscode?

Now open Visual Studio Code. Go to "File" > "Open Folder" and select "First-Angular-Project" from the "Desktop". Now in the "TERMINAL" run ng new Angular-Project-Demo. Whenever it prompts with something like "Would you like to add Angular routing? (y/N)" press "y" and hit "ENTER".

Does Vscode support Angular?

Using Angular in Visual Studio Code. Angular is a popular web development platform developed by Google. The Visual Studio Code editor supports Angular IntelliSense and code navigation out of the box.

How do I enable strictTemplates in angularCompilerOptions?

Strict Templates json to enable strict template checks. We'll open the file tsconfig. json and locate the angularCompilerOptions section. Let's remove the fullTemplateTypeCheck entry and replace it with strictTemplates: true .

What is language service in Angular?

The Angular Language Service provides code editors with a way to get completions, errors, hints, and navigation inside Angular templates. It works with external templates in separate HTML files, and also with in-line templates.


1 Answers

Update to @Begandroide's answer. "Ivy" is no longer considered experimental, and so the Enable-experimental-ivy-prompt is no longer an option. With the latest major version (12.x...) of the Angular Language Service VSCode extension, you must enable the Use legacy View Engine language service option.

enter image description here

like image 98
ganjeii Avatar answered Sep 22 '22 18:09

ganjeii