DI pour `FormBuilder` tombe en panne si elle est utilisée comme ceci` fb privé: FormBuilder`

Question

Je suis en train d'injecter FormBuilder classe comme ceci dans le composant:

@Component({ 
    ... 
}) 
export class TaskComponent implements OnInit { 
constructor(private fb: FormBuilder) {} 

Cependant, il échoue et je reçois l'erreur:

(SystemJS) Can't resolve all parameters for TaskComponent: (?).↵ Error: Can't resolve all parameters for TaskComponent: (?).

Si je change le constructeur de ce formulaire:

constructor(@Inject(FormBuilder) fb: FormBuilder) { } 

Il fonctionne très bien. Quel est le problème?

Answer 1

Je n'ai pas

"emitDecoratorMetadata": true 

dans tsconfig.json et donc cette partie n'a pas été générée par tsc:

TaskComponent = __decorate([ 
    core_1.Component({ 
     moduleId: module.id, 
     selector: 'task', 
     templateUrl: 'task.component.html', 
     styleUrls: ['task.component.css'] 
    }), 
    __metadata("design:paramtypes", [forms_1.FormBuilder]) 
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
], TaskComponent);