ivy-native issue with the component variables in the templates

[devhus]

After enabling the ivy-native feature my project got bugged where the templates(.html) couldn't recognize the component variables or methods at all nor showing any error when writing an undefined variable. the image below is when clicking on the go to definition option of the variable.

Additional context

Angular CLI: 11.2.0
Node: 14.15.1
OS: win32 x64

Angular: 11.2.0
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, localize, material, material-moment-adapter
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1001.7
@angular-devkit/build-angular   0.1001.7
@angular-devkit/core            10.1.7
@angular-devkit/schematics      11.2.0
@schematics/angular             11.2.0
@schematics/update              0.1102.0
rxjs                            6.6.3
typescript                      4.1.5

UPDATES

• updated my project to Angular 11, that didn't fix the issue.

[MatthewS2077]

I'm also having issues with the Ivy preview... it just doesn't work... created a new project ng new to test and I get No config file for c:/temp/temp/src/app/app.component.html in the output window for Angular Language Service.

[tonivj5]

Same issue than @MatthewS2077, but I'm on Linux. Language service with preview enabled doesn't work at all, same log with every component file

[admir86]

same error:

[Info  - 10:27:57] Angular language server process ID: 11620
[Info  - 10:27:57] Using typescript/lib/tsserverlibrary v4.1.5 from c:\Users\admir\.vscode\extensions\angular.ng-template-11.2.0\node_modules\typescript\lib\tsserverlibrary.js
[Info  - 10:27:57] Using @angular/language-service/bundles/ivy v11.2.0 from c:\Users\admir\.vscode\extensions\angular.ng-template-11.2.0\node_modules\@angular\language-service\bundles\ivy.js
[Info  - 10:27:57] Log file: c:\Users\admir\AppData\Roaming\Code\logs\20210214T095505\exthost4\Angular.ng-template\nglangsvc.log
[Error - 10:28:15] No config file for c:/Users/admir/Azure-DevOps/test-ng-lang-service/ng-app/src/app/app.component.html
[Error - 10:28:33] No config file for c:/Users/admir/Azure-DevOps/test-ng-lang-service/ng-app/src/app/app.component.html
[Error - 10:28:41] No config file for c:/Users/admir/Azure-DevOps/test-ng-lang-service/ng-app/src/app/app.component.html
[Info  - 10:28:50] Enabling Ivy language service for c:/Users/admir/Azure-DevOps/test-ng-lang-service/ng-app/tsconfig.json.
[Error - 10:28:52] No config file for c:/Users/admir/Azure-DevOps/test-ng-lang-service/ng-app/src/app/app.component.html

Angular CLI: 11.2.0
Node: 12.16.2
OS: win32 x64

Angular: 11.2.0
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1102.0
@angular-devkit/build-angular   0.1102.0
@angular-devkit/core            11.2.0
@angular-devkit/schematics      11.2.0
@schematics/angular             11.2.0
@schematics/update              0.1102.0
rxjs                            6.6.3
typescript                      4.1.5

[MatthewS2077]

So looking forward to this being fixed and being able to apply rename refactoring to templates 💪

[ivanwonder]

I downgrade the version of ts to 4.1.3 in the extensions. It works again. Maybe this is the problem.

vscode-ng-language-service/client/src/client.ts

Line 277 in 18291b8

const tsdk: string|null = config.get('typescript.tsdk', null);

[255kb]

For me extension in v11.1.3 is working well. Updating to 11.2.0 breaks everything

[jtsom]

Am seeing the same issue in the html file, with errors in the console every time I hover something:

Also seeing double when hovering over variables, etc. in the component file:

... turning Ivy off.

[AaronDovTurkel]

How do you turn off Ivy? tried downgrading the extension but still having the issue described...

[255kb]

@AaronDovTurkel add "angular.experimental-ivy": false in your VSCode settings

[ivanwonder]

microsoft/TypeScript#42713
I think this pr break the plugin. The package name is @angular/language-service, so the @angular/language-service/bundles/ivy is disabled.

[yiqu]

Turning it off. Everything is doubled and in template it doesnt actually work.