title: Angular 6: Can't bind to 'FormGroup' since it isn't a known property of 'form'
body: <p>I am new to Angular 6 and working on ReactiveForms. Getting this error and unable to compile. I have seen the different solutions and Added the ReactiveFormsModule directive in Imports as suggested in solutions still it is showing the same error. Please Help.</p>
  
  <p>Sharing you the desired code and screenshot of the error.
  <strong>app.module.ts</strong></p>
  
  <pre class="lang-ts prettyprint-override"><code>import { FormsModule, ReactiveFormsModule } from '@angular/forms';
  import { SignupFormComponent } from './signup-form/signup-form.component';
  import { AuthorsService } from './authors.service';
  import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  
  @NgModule({
    declarations: [
      AppComponent,
      SignupFormComponent,
      CoursesComponent,
      CourseComponent,
      AuthorsComponent,
      FavoriteComponent,
      TitleCasePipe,
      PanelComponent,
      LikeComponent,
      ZippyComponent,
      ContactFormComponent,
      NewCourseFormComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      ReactiveFormsModule
    ],
  </code></pre>
  
  <p><strong>Signup-form.ts</strong></p>
  
  <pre class="lang-ts prettyprint-override"><code>import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
  import { Component } from '@angular/core';
  
  @Component({
    selector: 'signup-form',
    templateUrl: './signup-form.component.html',
    styleUrls: ['./signup-form.component.css']
  })
  export class SignupFormComponent {
    form = new FormGroup({
      username: new FormControl(),
      password: new FormControl()
    });
  
  }
  </code></pre>
  
  <p><strong>signup-form.html</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form [FormGroup]="form"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="username"&gt;Username&lt;/label&gt;
          &lt;input 
              formControlName="username"
              id="username" 
              type="text" 
              class="form-control"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="password"&gt;Password&lt;/label&gt;
          &lt;input 
              formControlName="password"
              id="password" 
              type="text" 
              class="form-control"&gt;
      &lt;/div&gt;
      &lt;button class="btn btn-primary" type="submit"&gt;Sign Up&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/yjiV7.png" rel="nofollow noreferrer">Error Screenshot</a></p>