Vscode-ng-language-service: The paths setting in tsconfig.json causes issues

Here i have the same problem.

related to https://github.com/angular/angular/issues/16382

i have the same problem

• vscode show error when using path alias
• vs code show error when using *ngIf... in template

@maxisam Could you write here how you code structure looks like? Especially where app.module.ts and shared.module.ts are located. Do you use barels (index.ts)?

I would like to mention that if you use "paths" in yout tsconfig, you have to specify "baseUrl". (according to this stackoverflow answer)

root
|--src
|--app
|--share

I don't use barrels. It is a normal CLI layout. The project is generated by cli.

It has paths setting.

Same issue here, the baseUrl parameter is already set with "src" and yet it does not work.

This config solved the problem for me:

"baseUrl": "./",
"paths": {
  "@app/*": ["app/*"],
  "@env/*": ["environments/*"],
  "@services/*": ["app/modules/core/services/*"],
  "@models/*": ["app/models/*"],      
  "@components/*": ["app/components/*"],
  "@modules/*": ["app/modules/*"],
  "@core/*": ["app/modules/core/*"],
  "@shared/*": ["app/modules/shared/*"],
  "@features/*": ["app/modules/features/*"]
}

I'm using Angular-CLI and also have this problem when using an external component library (which I'm the author). I tried to change the tsconfig.app.json with the mentioned config but that didn't change anything on my side. Is there any other workaround? And/or, do I have to do any kind of changes in my library?

@thiagoaos see https://github.com/angular/angular/issues/16382#issuecomment-343603683

Thanks @aitboudad but that didn't work for me. I finally took the time to update my App to Angular 5 and updated as you suggested in that other issue to "@angular/language-service": "5.1.0-beta.1" but still get this error. It comes from a library that I made called Angular-Slickgrid and in my Dev environment using relative paths ./ I don't see this problem, but using the lib in an external App as import ... from 'angular-slickgrid' and switch to my View completely it becomes completely red as shown below.

You can see the error being

[Angular] Cannot read property 'isSkipSelf' of null

@ghiscoding after installing @angular/language-service you should restart vscode

@aitboudad Yes I had done that too but still got the error.

This is not working for me either, even after installing @angular/language-service

I can also report the same problem. This is only occurring in VS Code with the language service extension. WebStorm has no problem with it by default and resolves everything.
See also: https://github.com/angular/angular/issues/16382 and https://github.com/nrwl/nx/issues/73.

any updates on this?

Hello, I thought I was the only one.

I am working on an Angular Mono Repo, and this started happening to me a little while ago.

Hoping it gets fixed soon! Thanks, Guys!

@chuckjaz any ideas?

https://github.com/angular/angular/issues/16382 fixed this and it was released as Angular.ng-template 0.1.9. @fxck Can you please check if you're running the latest version?

@kyliau
I don't see the issue on my side anymore, so I can confirm that it does work for me now. Thanks

Closing this for now since issue is fixed.

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}