title: Angular2/Typescript returns 404 not found when trying to import css-animator
body: <p>I just started to play with angular2 and trying to do some animations with <a href="https://github.com/fabiandev/css-animator" rel="nofollow">css-animator</a></p>
  
  <p><strong>package.json</strong></p>
  
  <pre><code>"dependencies": {
      "@angular/common": "2.0.0-rc.3",
      "@angular/compiler": "2.0.0-rc.3",
      "@angular/core": "2.0.0-rc.3",
      "@angular/forms": "0.1.1",
      "@angular/http": "2.0.0-rc.3",
      "@angular/platform-browser": "2.0.0-rc.3",
      "@angular/platform-browser-dynamic": "2.0.0-rc.3",
      "@angular/router": "3.0.0-alpha.7",
      "@angular/router-deprecated": "2.0.0-rc.2",
      "@angular/upgrade": "2.0.0-rc.3",
      "angular2-in-memory-web-api": "0.0.12",
      "bootstrap": "^3.3.6",
      "chokidar": "^1.6.0",
      "core-js": "^2.4.0",
      "css-animator": "^1.2.4",
      "http-proxy": "^1.14.0",
      "reflect-metadata": "^0.1.3",
      "rxjs": "5.0.0-beta.6",
      "systemjs": "0.19.27",
      "zone.js": "^0.6.12"
   }
  </code></pre>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
     &lt;title&gt;Angular 2 QuickStart&lt;/title&gt;
     &lt;meta charset="UTF-8"&gt;
     &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
     &lt;link rel="stylesheet" href="app/css/bootstrap.css"&gt;
     &lt;link rel="stylesheet" href="app/css/style.css"&gt;
     &lt;!-- 1. Load libraries --&gt;
   &lt;!-- Polyfill(s) for older browsers --&gt;
      &lt;script src="node_modules/core-js/client/shim.min.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/zone.js/dist/zone.js"&gt;&lt;/script&gt;
      &lt;script src="node_modules/reflect-metadata/Reflect.js"&gt;&lt;/script&gt;
     &lt;script src="node_modules/systemjs/dist/system.src.js"&gt;&lt;/script&gt;
     &lt;script src="node_modules/css-animator/builder/animation_builder.js"&gt;      &lt;/script&gt;
     &lt;!-- 2. Configure SystemJS --&gt;
     &lt;script src="systemjs.config.js"&gt;&lt;/script&gt;
     &lt;script&gt;
       System.import('app').catch(function(err){ console.error(err); });
     &lt;/script&gt;
           &lt;/head&gt;
       &lt;!-- 3. Display the application --&gt;
          &lt;body class="bg-image"&gt;
            &lt;my-app&gt;Loading...&lt;/my-app&gt;
            &lt;/body&gt;
        &lt;/html&gt;
  </code></pre>
  
  <p><strong>systemjs.config.js</strong></p>
  
  <pre><code>var map = {
      'app':                        'app', // 'dist',
  
      '@angular':                   'node_modules/@angular',
      'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
      'rxjs':                       'node_modules/rxjs',
      'css-animator':               'node_modules/css-animator'
    };
     var packages = {
      'app':                        { main: 'main.js',  defaultExtension: 'js' },
      'rxjs':                       { defaultExtension: 'js' },
      'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js'   },
       };
       System.config(config);
  </code></pre>
  
  <p><strong>custom.animate.directive.ts</strong></p>
  
  <pre><code>import {Directive, ElementRef, Renderer} from '@angular/core';
   import {AnimationService, AnimationBuilder} from 'css-animator';
  
   @Directive({
      selector: '[login-method]',
      host: {
        '(click)':'onClick()'
     }
  })
  
  export class LoginOptionsDirective{
     private animator : AnimationBuilder;
  
     constructor(animationService: AnimationService, private el: ElementRef, private renderer: Renderer){
        this.animator = animationService.builder();
    }
  
    onclick(){
        this.renderer.setElementStyle(this.el, 'color','black');
        console.log(this.el.nativeElement.getAttribute("login-method"));
     }
   }
  </code></pre>
  
  <p>I got <code>animation_builder.js:434 Uncaught ReferenceError: exports is not defined</code> and <code>localhost/:18 Error: Error: XHR error (404 Not Found) loading http://localhost:3000/node_modules/css-animator(…)</code> on browser console.</p>
  
  <p>Can someone help me with this?</p>
  
  <p>Thanks.</p>