Class is using Angular features but is not decorated. Please add an explicit Angular decorator

by

You’ll need to add a @Component decorator to that base class (which should probably also be declared abstract).

This is the bare minimum you can get away with in Angular 9:

import { Component } from '@angular/core';

@Component({
  template: ''
})
export abstract class BaseComponent {

    @Input() teamName: string;
    @Input() teamSize: number;
    @Input() players: any;
}

For Angular 10+, see this answer.

More Related Contents:

  1. Dynamically add event listener
  2. I get “Http failure response for (unknown url): 0 Unknown Error” instead of actual error message in Angular
  3. Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”
  4. Use component from another module
  5. How to write unit testing for Angular / TypeScript for private methods with Jasmine
  6. Angular and Typescript: Can’t find names – Error: cannot find name
  7. Angular 2 Scroll to top on Route Change
  8. Getting “Uncaught (in promise): TypeError: Object(…) is not a function” Error from Ionic-native VideoEditor Plugin
  9. Typescript/Angular/ES6: can I finally let `hasOwnProperty()` die in for loops?
  10. async/await in Angular `ngOnInit`
  11. How to inject service into class (not component)
  12. Emit event from parent to child
  13. Angular2 router keep query string
  14. Angular 2 ‘component’ is not a known element
  15. How to make a sequence of http requests in Angular 6 using RxJS
  16. How to set unique template reference variables inside an *ngFor? (Angular)
  17. Getting Image from API in Angular 4/5+?
  18. Angular 2 Dynamically insert a component into a specific DOM node without using ViewContainerRef
  19. Angular 4 HttpClient Query Parameters
  20. Function DocumentReference.set() called with invalid data. Unsupported field value: a custom Budget object
  21. Can’t bind to ‘formControl’ since it isn’t a known property of ‘input’ – Angular2 Material Autocomplete issue
  22. Type casting within a template in Angular 2
  23. Subscribing to a nested Observable
  24. Angular 2 translation change language in application
  25. Enabling CORS on Azure Active Directory
  26. Property ‘toPromise’ does not exist on type ‘Observable’
  27. TypeError: Object prototype may only be an Object or null: undefined Angular 8
  28. Angular 4 ExpressionChangedAfterItHasBeenCheckedError
  29. Page transition animations with Angular 2.0 router and component interface promises
  30. Angular load external configuration before AppModule loads

Leave a Comment