Angular 2 Reactive Form Error - TypeError: this.form.get is not a function
<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>