Uncaught (in promise): Error: StaticInjectorError(AppModule)[options]

by

Here is what worked for me (Angular 7):

First import HttpClientModule in your app.module.ts if you didn’t:

import { HttpClientModule } from '@angular/common/http';
...
imports: [
        HttpClientModule
    ],

Then change your service

@Injectable()
export class FooService {

to

@Injectable({
    providedIn: 'root'
})
export class FooService {

Hope it helps.

Edit:

providedIn

Determines which injectors will provide the injectable, by either
associating it with an @NgModule or other InjectorType, or by
specifying that this injectable should be provided in one of the
following injectors:

‘root‘ : The application-level injector in most apps.

‘platform‘ : A special singleton platform injector shared by all applications on the
page.

‘any‘ : Provides a unique instance in every module (including
lazy modules) that injects the token.

Be careful platform is available only since Angular 9 (https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3)

Read more about Injectable here: https://angular.io/api/core/Injectable

More Related Contents:

  1. Read response headers from API response – Angular 5 + TypeScript
  2. How to add CORS request in header in Angular 5
  3. Angular CLI Error: The serve command requires to be run in an Angular project, but a project definition could not be found
  4. Set focus on element
  5. Compile dynamic HTML in Angular 4/5- something similar to $compile in Angular JS
  6. Angular 5 – Copy to clipboard
  7. Migrating Angular 4.x to Angular 5 [duplicate]
  8. angular-i18n work-around for translations in code?
  9. Angular 5 Reactive Forms – Radio Button Group
  10. How to update / upgrade from Angular 4 to Angular 5+
  11. Use OpenLayers 4 with Angular 5
  12. Angular5: Deploying Angular application to multiple clients
  13. Convert Promise to Observable
  14. How to create cross-domain request?
  15. Angular2 validator which relies on multiple form fields
  16. How to send “Cookie” in request header for all the requests in Angular2?
  17. Can an ng-content be used inside of an ngFor?
  18. document.getElementById replacement in angular4 / typescript?
  19. Angular2 add class to body tag
  20. How can I avoid adding prefix “unsafe” to a link by Angular 2? [duplicate]
  21. Page is part of the declarations of 2 modules: Error in ionic build prod
  22. Testing – Can’t resolve all parameters for (ClassName)
  23. How to display the app version in Angular?
  24. Pre-bootstrap loading screen
  25. Best way to import Observable from rxjs
  26. How to make nested Observable calls in Angular2
  27. Default sorting in Angular Material – Sort header
  28. ng2 – Difference between ng-container and ng-template tags
  29. How to use pipes in Angular 5 reactive form input
  30. Syntax Error in Angular App: Unexpected token

Leave a Comment