title: FormGroup isn't a known property of form
body: <p>I am creating a registration form and I'm getting the error that form group isn't a known property. I have other reactive forms and they all work but just this one. I added all the imports in app module and everything. Wondering if its because the registration page in in app/core/auth. </p>
  
  <pre><code>compiler.js:1021 Uncaught Error: Template parse errors:
  Can't bind to 'formGroup' since it isn't a known property of 'form'. ("&lt;div class="container" style="margin-top: 40px;"&gt;
    &lt;form [ERROR -&gt;][formGroup]="registrationForm"&gt;
  </code></pre>
  
  <p>app.module.ts</p>
  
  <pre><code>imports: [
      FormsModule,
      ReactiveFormsModule
    ],
  </code></pre>
  
  <p>register.component.ts</p>
  
  <pre><code>import { RegistrationModel } from './../../../shared/models/registration.model';
  import { Component, OnInit, EventEmitter, Output } from '@angular/core';
  import {FormBuilder, FormGroup, ReactiveFormsModule} from '@angular/forms';
  
  @Component({
    selector: 'app-register',
    templateUrl: './register.component.html',
    styleUrls: ['./register.component.css']
  })
  export class RegisterComponent implements OnInit {
  
    registrationForm: FormGroup;
    private registrationModel: RegistrationModel;
  
    constructor(private fb: FormBuilder) {
      this.registrationModel = new RegistrationModel;
    }
  
    ngOnInit() {
      this.registrationForm = this.fb.group({
        'first_name': [''],
        'middle_name': [''],
        'last_name': [''],
        'date_of_birth': [''],
      });
      this.registrationForm.valueChanges.subscribe(newVal =&gt; console.log(newVal));
    }
    onSubmit() {
      console.log(this.registrationForm);
    }
  }
  </code></pre>
  
  <p>register html</p>
  
  <pre><code>&lt;div class="container" style="margin-top: 40px;"&gt;
    &lt;form [formGroup]="registrationForm"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-12"&gt;
          &lt;h3 class="text-center"&gt;Register Account&lt;/h3&gt;
          &lt;hr&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-row"&gt;
        &lt;div class="form-group col-md-6"&gt;
          &lt;label&gt;First Name&lt;/label&gt;
          &lt;input type="text" class="form-control"&gt;
        &lt;/div&gt;
        &lt;div class="form-group col-md-6"&gt;
          &lt;label&gt;Middle Name&lt;/label&gt;
          &lt;input type="text" class="form-control"&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>