Vscode-ng-language-service: Showing error "cannot read property 'isSkipSelf' of null" and does not validate templates

[mlakmal]

Using
VSCode v1.17.1
Workspace typescript v2.5.3
Workspace Angular v4.4.4

instead of showing template validation messages, language service extension is showing below error
"Cannot read property 'isSkipSelf' of null"

[aitboudad]

probably related to #183

[chuckjaz]

Can you produce a project that reproduces this and supply a link to the repository?

[mrahhal]

Also facing this and it's happening in a lot of places. Renders the whole service unusable in the template, and very obtrusive.

[fxck]

@chuckjaz do you still need repro?

[mlakmal]

it will take me sometime to get this setup on repo. basically this is happening when you reference package libraries that are part of your repo and we update master tsconfig paths section to setup the definitions.

Ex: tsconfig
"compilerOptions": { "target": "es5", "module": "system", "moduleResolution": "node", "sourceMap": true, "pretty": true, "allowUnreachableCode": false, "allowUnusedLabels": false, "noImplicitAny": true, "noImplicitReturns": true, "noImplicitUseStrict": false, "noFallthroughCasesInSwitch": true, "emitDecoratorMetadata": true, "experimentalDecorators": true, "removeComments": false, "suppressImplicitAnyIndexErrors": true, "declaration": false, "watch": false, "noEmitHelpers": true, "baseUrl": ".", "paths": { "@xyz/uxd": [ "app/xyz/uxd/public_api" ] }, "types": [ "node", "core-js", "systemjs", "jquery", "custom", "jasmine" ] }

[matheo]

Any news on this? it's annoying :(
Seems related to https://github.com/angular/angular/issues/9332

[mrahhal]

This stopped happening after updating everything to latest. @matheo maybe check that you have updated the language service extension.

[myflowpl]

Just run on the same error
turns out I had error inside one of my custom components, it was mistake in import statement in TS file

after fixing the component TS import, the template error was gone

it would be nice to have better error message in this case

[matheo]

@mrahhal I had the latest extension version
but I had to install "@angular/language-service": "^5.2.8" on my Angular 4.4 app to make it work :)
Thanks!

[jonyadamit]

Happened to me after moving a component and some classes to a different folder.
After fixing the imports the issue disappeared. (same as @myflowpl )

[samiujan]

I disabled/reloaded and enabled/reloaded Angular Language Service and the error disappeared

[splincode]

IDEA 2018.1

[F0rt1s]

I get the same error in VS Code (most recent version).

[pburrows]

Using WebStorm, uninstalling @angular/language-service from the project fixed the problem (and no functionality seems to be lost)

[Polyterative]

Didn't work for me unfortunately in WebStorm
I have the isSkipSelf when building a library

[chadbr]

same error here on a random file... any way to diagnose?

[Polyterative]

I was able to solve my issue installing the peerDependencies in the project containing my library. Somehow angular or material are interfering

[haneefatp]

Write the full dependency path(instead of reading it from a folder) which resolves my issue in Angular 6
import {YourService} from "../../services/your-service-name.service"

[lemoinem]

This error started happening randomly on a project (and templates that haven't been modified since) that was working perfectly with VS Code previous version.
Previously restarting the TS Server was enough to have the error disappear. This command is only available while in a TS file.
This is extremely disruptive.

[csutorasr]

For me unmet peer dependencies caused the problem. After installing them and restarting window everything is resolved.

[gerrillero]

I got the same issue after installed "Paste JSON as Code" extension in Visual Code. Disabled this extension fix for me the problem.

[CodeMySofts]

It happened to me today after adding a new dependency. Deleting node_modules and re-installing the packages solved it.

[ramanes3822]

Just restart your machine after install all the dependencies.

[spwinner2017]

I disabled/reloaded and enabled/reloaded Angular Language Service and the error disappeared

worked for me!!!

[chlab]

As others have said, the error is probably coming from somewhere else, it's just an unhelpful error message. What helped me, was running the native TS compiler (npx tsc) to see if there were any unresolved imports or similar (and fixing those).

[jschank]

Please tell me how to disable whatever it is that is causing the rendering of the red squigglies in my code.
I would rather not have the protection, than be forced to ignore the false negatives

[stephanrauh]

Today I saw this error after confusing an @Input() parameter with a constructor parameter. I.e., it should have been

typescript @Input() public title: string; constructor() {}

but for some reason I wrote

constructor(public title: string) {}

Is it possible to generate a more helpful message in this case?

[kyliau]

The original issue Cannot read property "isSkipSelf" of null has been fixed in https://github.com/angular/angular/pull/30075

[Hariprakash1997]

Just close your vs code editor and reopen.It worked for me.

[tuongthovo]

Restart VS Code solved the error for me, not sure what happen but it just disappeared

[dixitomkar1809]

How I was able to solve this problem was to update the import statement for a service in my component file, please check your imports :)

[grantwhitaker06]

Check that all modules in your template file with the error are imported. That was my mistake.

[bcarriereupgrade]

One more "it worked for me" tip: Make sure baseUrl set correctly in tsconfig.json e.g ./src or whatever the case may be.

[bundenilesh]

Close and reopen the VSCode

[kyliau]

This was fixed in https://github.com/angular/angular/pull/30075

[angular-automatic-lock-bot[bot]]

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._}