title: localhost:3000/traceur SystemJS with AngularFire
body: <p>I picked the <a href="https://angular.io/docs/ts/latest/quickstart.html" rel="nofollow noreferrer">getting started with Angular2 tutorial</a> format and only added in the angularfire2 part.</p>
  
  <p>I installed firebase and angularfire2 using the steps on the <a href="https://github.com/angular/angularfire2/blob/master/docs/1-install-and-setup.md#3-install-angularfire-2-and-firebase" rel="nofollow noreferrer">angularfire2 docs page</a> </p>
  
  <p>Below is my systemjs.config.js</p>
  
  <pre><code>/**
   * System configuration for Angular 2 samples
   * Adjust as necessary for your application needs.
   */
  (function (global) {
    System.config({
      paths: {
        // paths serve as alias
        'npm:': 'node_modules/'
      },
      // map tells the System loader where to look for things
      map: {
        // our app is within the app folder
        app: 'app',
        // angular bundles
        '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
        '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
        '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
        '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
        '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
        '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
        '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
        '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
        // other libraries
        'rxjs':                       'npm:rxjs',
        'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api',
        'angularfire2':               'npm:angularfire2'
      },
      // packages tells the System loader how to load when no filename and/or no extension
      packages: {
        app: {
          main: './main.js',
          defaultExtension: 'js'
        },
        rxjs: {
          defaultExtension: 'js'
        },
        'angular2-in-memory-web-api': {
          main: './index.js',
          defaultExtension: 'js'
        },
        angularfire2: {
          main: 'index.js',
          defautExtension: 'js'
        }
      }
    });
  })(this);
  </code></pre>
  
  <p>Then I am simply importing it like so:</p>
  
  <pre><code>import { AngularFireModule } from 'angularfire2';
  </code></pre>
  
  <p>Then I keep getting this error:</p>
  
  <p><a href="https://i.stack.imgur.com/x53TK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x53TK.png" alt="enter image description here"></a></p>
  
  <p>Any hint what is going on?</p>