Im facing this problem in angular 6 .......can't bind to 'formgroup' since it isn't a known property of 'form'. ("

See more:

Java8

Angular6

in component
--------------------

ngOnInit() {

    this.registerForm = this.formBuilder.group({
      firstName: [],
      lastName: [],
 
    });
    
  }

in html
--------------

<form [formGroup]="registerForm" (ngSubmit)="onSubmit()">

                         <div class="row">
                             <div class="col-md-4">
                               <mat-form-field class="example-full-width">
                                 <input formControlName="firstName"  matInput  placeholder="Fist Name" type="text">
                               </mat-form-field>
                             </div>

                             <div class="col-md-4">
                               <mat-form-field class="example-full-width">
                                 <input formControlName="lastName"  matInput placeholder="Last Name" type="text">
                               </mat-form-field>
                             </div>
                         </div>
                         <button mat-raised-button type="submit"  class="btn btn-danger pull-right">Register</button>
                         <div class="clearfix"></div>
                     </form>

in appmodule
------------------

imports: [
    BrowserModule,
    CommonModule,
    BrowserAnimationsModule,
    HttpModule,
    ComponentsModule,
    RouterModule,
    AppRoutingModule,
    MatButtonModule,
    MatFormFieldModule,
    MatInputModule,
    MatRippleModule,
    HttpClientModule,
    ReactiveFormsModule,

What I have tried:

i have tried angular 6 form group example