angular: Language Service. Component '...' is not included in a module and will not be available inside a template

i am having the same errors. however, if i quit and re-open webstorm, the error goes away. i’ve also noticed this with random “unknown element” errors when i have installed such things as angular material. i wonder if it’s a cache issue. next time i’ll get it (likely later today), maybe using “invalidate caches” in the menu would do the trick…

Env details: Angular CLI: 1.5.4 Angular: 5.0 WebStorm 2017.3 (173.3727.108) Mac OS X : 10.13.1 WebStorm 2017.3

I ran into the same issue using WebStorm EAP. Every @Component usage was showing the error highlighted in this issue: Component X is not included in a module and will not be available inside a template. Consider adding it to a NgModule declaration. The web app would run just fine though.

Updating to the latest version of the EAP (WebStorm 2017.3 EAP, Build #WS-173.3188.31, built on October 12, 2017) solved it though.

Maybe unrelated, but just in case:

1. Having “TypeScript Language Service” enabled in WebStorm, when package.json does not refer to any language service, works just fine for me:

   

2. With the very same settings, also using npm install --save-dev @angular/language-service throws the following for https://github.com/angular/angular.io/blob/master/public/docs/_examples/testing/ts/src/testing/router-stubs.ts

   Error:(11, 2) ng: Directive ‘RouterLinkStubDirective’ is not included in a module and will not be available inside a template. Consider adding it to a NgModule declaration

   Error:(26, 2) ng: Component ‘RouterOutletStubComponent’ is not included in a module and will not be available inside a template. Consider adding it to a NgModule declaration

3. Disabling the settings in WebStorm while keeping "@angular/language-service": "5.1.3" as added by option 2, also works fine.

(I don’t know what I’m missing when not having that line in package.json, but I’m fine without it, so I simply keep using option 1.)

WebStorm 2017.3.2 (latest version), Angular 5.1.3 (latest version).

Same here…

avbentem solved my problem by checking the ‘recompile on changes’ box in the options for Webstorm. The next time I changed a character it was recompiled and the errors went away. Thanks!

Using Node in VS Code, changing tsconfig.json compileOnSave: false to true solved my problem.

I get the same error as already mentioned. Angular 7.2 IntelliJ IDEA 2018.3.3 (Ultimate Edition) Build #IU-183.5153.38, built on January 9, 2019 macOS 10.14.2.

I tried several solutions. close IDEA, enable the ‘Recompile on change’ option, tsconfig.json compileOnSave: true, invalidate the cache, … but nothing helped. Is there a fix for this error?

Actually, in my case, it still shows the error, even when I have the following folder structure and the release version of WebStorm 2017.3:

├─ app
       ├─ shared
               ├─ components
                      └── my-component.component.ts
              └── shared.module.ts

For me this problem was resolved when I moved the component directory to the same level as the module.

To illustrate, I went from:

    ├── app
             ├── shared
                         ├── components
                                        ├── my-component
                                                         └── my-component.component.ts
                         └── shared.module.ts

to this

    ├── app
             ├── shared
                          ├── my-component
                                         └── my-component.component.ts
                          └── shared.module.ts

I’m not sure why it didn’t work the previous way. All the imports and paths were correct. Since it worked after de-nesting the components I’m just keeping it this way

Any updates? I have the same problem with Angular 5.1.2, Webstorm 2017.3.1, Mac or Linux x64.