1

I am getting this error when I add

constructor( private fb: FormBuilder )

Uncaught Error: Can't resolve all parameters for RegisterComponent: (?).
    at syntaxError (compiler.js:2196)
    at CompileMetadataResolver._getDependenciesMetadata (compiler.js:17927)
    at CompileMetadataResolver._getTypeMetadata (compiler.js:17823)
    at CompileMetadataResolver.getNonNormalizedDirectiveMetadata (compiler.js:17452)
    at CompileMetadataResolver._getEntryComponentMetadata (compiler.js:18022)
    at compiler.js:18014
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver._getEntryComponentsFromProvider (compiler.js:18013)
    at compiler.js:17984
    at Array.forEach (<anonymous>)
shrikant joshi
  • 494
  • 4
  • 12
  • Did you import ```ReactiveFormsModule``` in your module? – Arunkumar Ramasamy Jul 20 '20 at 04:42
  • Can you paste your component file here , as the error suggests is FormBuilder imported correctly from `@angular/forms` – Navitas28 Jul 20 '20 at 05:21
  • Maybe this link can help you: https://stackoverflow.com/questions/37997824/exception-cant-resolve-all-parameters – Elham Dabiri Jul 20 '20 at 05:28
  • in the module where your component is declared you need import ReactiveFormsModule from '@angular/forms' – Eliseo Jul 20 '20 at 06:13
  • @ArunkumarRamasamy imported formsModule and ReactiveFormsModule in app.module.ts – shrikant joshi Jul 20 '20 at 10:08
  • @Navitas28 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { LoginComponent } from './login/login.component'; import { RegisterComponent } from './register/register.component'; import { LoginRoutingModule } from './login-routing.module'; @NgModule({ declarations: [LoginComponent, RegisterComponent], imports: [ CommonModule, LoginRoutingModule ] }) export class LoginModule { constructor() { console.log('Login module loaded...'); } } – shrikant joshi Jul 20 '20 at 10:09
  • can you import ReactiveFormsModule and FormsModule in your LoginModule. It may resolve your problem – Arunkumar Ramasamy Jul 20 '20 at 10:56
  • @ArunkumarRamasamy already done this – shrikant joshi Jul 20 '20 at 18:01

1 Answers1

2

After spending 3 hours on researching a solution I found this:

In your case, adding @Injectable() in front of your component RegisterComponent should fix your problem.

Ionut Tepus
  • 61
  • 1
  • 3