Angular components/directives are not recognized in WebStorm 2017.3.1
Hi, I have updated WebStorm to 2017.3.1 and now, when I create new Angular (v.5) components or directives from scratch (no generated by Angular-Cli), they are not recognized anymore. Previously I had the 2017.2.x version and it worked fine.
It might seem a real error or a mistake in the TSLint configuration but it's not:
- I'm using an empty new AngularCli project,
- the application/example works fine
- the error is not shown anymore after WebStorm reboot.
Anyway this issue still persists in my unit / integration tests, after reboot too.
In fact I always see this warning in my following test, after reboot too:
WARNING:

CODE:
import { Component, ElementRef, ViewChild } from '@angular/core';
import { HighchartsComponent } from './highcharts.component';
import { ComponentFixture, TestBed } from '@angular/core/testing';
@Component({ // <==== HERE THE ERROR SHOWN ABOVE <======
selector: 'test-host-component',
template: '<fb-chart [config]="chartData"></fb-chart>'
})
export class TestHostComponent {
@ViewChild(HighchartsComponent) component: HighchartsComponent;
// ...
}
describe('Highcharts component', () => {
beforeEach(() => {
TestBed.configureTestingModule({
declarations: [TestHostComponent, HighchartsComponent],
});
//...
})
})
NOTE: I would like to avoid disabling Angular Services in WebStorm, as suggested in other posts
Thanks in advance
Fabio
Please sign in to leave a comment.
Just tried the 2017.3.2 EAP version and the problem is still there.
As you can see from the screenshot below I have a created a new empty component, declared to app.module but I always see the warning:
The error comes from Angular language service.
Looks related to https://github.com/angular/angular/issues/14961; see if updating Typescript to 2.5.2+ helps.
You can either disable the service in preferences (Settings | Languages & Frameworks | TypeScript, Angular language service checkbox), or restart it once the issue occurs: just press the Restart service button in Typescript tool window toolbar
Hi Elena, thank you very much for the quick response.
I have updated the project to work with the latest version of Typescript but nothing.
The problem is still there, even if I "restart the service" as you suggested.
I don't know what to do anymore in order to fix this issue :(
UPDATE: your trick to restart the service works for my components but not in unit test : )
Fabio
this is another service issue, https://github.com/angular/angular/issues/14622