title: Angular 2 Reactive Form Error - TypeError: this.form.get is not a function
body: <p>I am using Angular 2 RC 5 with following:</p>
  
  <ul>
  <li>esnext</li>
  <li>webpack</li>
  <li>reactive form</li>
  </ul>
  
  <p>I have built a simple test form and I am getting following error in the browser console:</p>
  
  <pre><code>zone.js:461Unhandled Promise rejection: EXCEPTION: Error in ./FormComponent class FormComponent - inline template:4:25
  ORIGINAL EXCEPTION: TypeError: this.form.get is not a function
  ORIGINAL STACKTRACE:
  TypeError: this.form.get is not a function
      at FormGroupDirective.addControl (https://tahseen.github.io/angular2-reactive-form-webpack-esnext/loads.bundle.js:35832:31)
      at FormControlName.ngOnChanges (https://tahseen.github.io/angular2-reactive-form-webpack-esnext/loads.bundle.js:35650:33)
      at DebugAppView._View_FormComponent0.detectChangesInternal (FormComponent.ngfactory.js:230:55)
      at DebugAppView.AppView.detectChanges (https://tahseen.github.io/angular2-reactive-form-webpack-esnext/loads.bundle.js:18565:15)
      at DebugAppView.detectChanges (https://tahseen.github.io/angular2-reactive-form-webpack-esnext/loads.bundle.js:18671:45)
      at DebugAppView.AppView.detectViewChildrenChanges (https://tahseen.github.io/angular2-reactive-form-webpack-esnext/loads.bundle.js:18591:20)
      at DebugAppView._View_FormComponent_Host0.detectChangesInternal (FormComponent.ngfactory.js:31:8)
      at DebugAppView.AppView.detectChanges (https://tahseen.github.io/angular2-reactive-form-webpack-esnext/loads.bundle.js:18565:15)
      at DebugAppView.detectChanges (https://tahseen.github.io/angular2-reactive-form-webpack-esnext/loads.bundle.js:18671:45)
      at ViewRef_.detectChanges (https://tahseen.github.io/angular2-reactive-form-webpack-esnext/loads.bundle.js:16397:66)
  </code></pre>
  
  <p>Here is my code:</p>
  
  <p><strong>form.component.js</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  import { FormBuilder } from '@angular/common';
  
  import template from './form.component.html'
  
  @Component({
      selector: 'load-form',
      template: template
  })
  export class FormComponent {
      carriers = [];
      stations = [];
      loadForm = {};
  
      constructor(formBuilder : FormBuilder) {
          this.formBuilder = formBuilder;
  
          this.loadForm = this.formBuilder.group({
              carrierId: '',
              carrierStationId: ''
          });
  
          console.log("constructor")
      }
  
      ngOnInit() {
          console.log("ngOnInit")
      }
  
      saveLoad(data) {
          console.log(data);
      }
  }
  </code></pre>
  
  <p><strong>form.component.html</strong></p>
  
  <pre><code>&lt;form [formGroup]="loadForm" (ngSubmit)="saveLoad(loadForm.value)"&gt;
    &lt;div&gt;
      &lt;label&gt;Carrier&lt;/label&gt;
      &lt;div&gt;
        &lt;input type="text" formControlName="carrierId"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div&gt;
      &lt;label&gt;Station&lt;/label&gt;
      &lt;div&gt;
        &lt;input type="text" formControlName="carrierStationId"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div&gt;
      &lt;button type="submit" &gt;[+] Add Load&lt;/button&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Has anyone know what is going to here? I stuck on this for days now.</p>
  
  <p>The full code can be found here: </p>
  
  <p><a href="https://github.com/tahseen/angular2-reactive-form-webpack-esnext" rel="noreferrer">https://github.com/tahseen/angular2-reactive-form-webpack-esnext</a></p>
  
  <p>And the live example with error can be seen here:</p>
  
  <p><a href="https://tahseen.github.io/angular2-reactive-form-webpack-esnext/" rel="noreferrer">https://tahseen.github.io/angular2-reactive-form-webpack-esnext/</a></p>